#an-root{--an-ink:#182c2b;--an-muted:#647774;--an-line:#e4e9e3;--an-paper:#fcfaf5;--an-bg:#f5f3ed;--an-gold:#d7a357;--an-green:#234d49;box-sizing:border-box;max-width:1240px;margin:0 auto;background:var(--an-bg);color:var(--an-ink);line-height:1.5;border-radius:24px;overflow:hidden;min-height:860px;box-shadow:0 15px 55px rgba(30,48,42,.09)} #an-root *{box-sizing:border-box}#an-root button,#an-root input,#an-root select,#an-root textarea{font:inherit}#an-root button{cursor:pointer}#an-root .an-script{font-family:"Noto Sans Javanese","Noto Sans Sundanese","Noto Sans Balinese","Noto Sans Batak","Noto Sans Buginese","Segoe UI Symbol",sans-serif}#an-root .an-top{background:#153a37;color:#f7f3e7;padding:18px 30px;display:flex;justify-content:space-between;align-items:center;gap:18px}#an-root .an-brand{display:flex;align-items:center;gap:11px;font-weight:830;font-size:19px;letter-spacing:.01em}#an-root .an-brand-icon{width:36px;height:36px;border:1.5px solid #e2b979;border-radius:11px;display:grid;place-items:center;color:#efc783;font-family:serif;font-weight:normal;font-size:25px}#an-root .an-brand small{display:block;font-weight:500;color:#d3d9ca;font-size:11px;letter-spacing:.16em;margin-top:-4px}#an-root .an-nav{display:flex;gap:7px;flex-wrap:wrap}#an-root .an-nav button{padding:9px 15px;border:0;border-radius:99px;background:transparent;color:#d6e3da;font-size:13px;font-weight:680}#an-root .an-nav button.active{background:#fff9e9;color:#173c38}#an-root .an-hero{position:relative;isolation:isolate;padding:58px 44px 48px;background:radial-gradient(circle at 78% 40%,#355b4f 0%,#21433f 42%,#173b37 100%);color:#fbf6ec;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:295px}#an-root .an-hero:after{content:"ꦲ ᮞ ᬩ ᯅ ᨒ";position:absolute;right:-10px;bottom:-55px;line-height:1.2;font-family:"Noto Sans Javanese",serif;opacity:.10;font-size:135px;z-index:-1;white-space:nowrap}#an-root .an-hero h1{margin:10px 0 14px;font-size:clamp(32px,4.25vw,55px);font-weight:750;line-height:1.12;letter-spacing:-.045em;max-width:650px}#an-root .an-hero p{margin:0;max-width:530px;color:#d7e2d8;font-size:15px;line-height:1.75}#an-root .an-kicker{color:#eed0a1;font-weight:740;text-transform:uppercase;letter-spacing:.17em;font-size:10px}#an-root .an-hero-ornament{width:230px;min-width:190px;min-height:190px;border:1px solid rgba(243,210,158,.4);border-radius:40%;display:flex;align-items:center;justify-content:center;transform:rotate(-14deg);position:relative}#an-root .an-hero-ornament:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(243,210,158,.37);border-radius:40%}#an-root .an-hero-ornament span{transform:rotate(14deg);font-size:70px;color:#e7c98f}#an-root .an-container{padding:30px 40px 45px}#an-root .an-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-1px}#an-root .an-stat{background:#fff;border:1px solid var(--an-line);border-radius:16px;padding:19px 21px}#an-root .an-stat strong{font-size:27px;display:block;line-height:1.1;color:#224a44}#an-root .an-stat span{font-size:12px;color:#6e7b72;display:block;margin-top:5px}#an-root .an-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:28px 0 18px}#an-root .an-heading h2{font-size:27px;font-weight:750;line-height:1.2;margin:0 0 6px}#an-root .an-heading p{margin:0;color:var(--an-muted);font-size:14px;max-width:720px}#an-root .an-script-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}#an-root .an-script-tab{border:1px solid #e2e7e0;border-radius:15px;padding:14px 8px;background:white;color:#324c48;text-align:center;transition:.18s}#an-root .an-script-tab:hover{transform:translateY(-2px);box-shadow:0 7px 20px #153a3712}#an-root .an-script-tab.active{background:#234f48;border-color:#234f48;color:white;box-shadow:0 8px 25px #234f4822}#an-root .an-script-tab .an-script{font-size:37px;line-height:1.65;display:block}#an-root .an-script-tab strong{font-size:13px;display:block}#an-root .an-script-tab small{font-size:10px;opacity:.72;display:block;margin-top:2px}#an-root .an-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:21px 0 14px;flex-wrap:wrap}#an-root .an-search{flex:1;min-width:180px;position:relative}#an-root .an-search input{background:white;border:1px solid #dce4dc;border-radius:12px;padding:12px 14px 12px 38px;width:100%;outline:none;color:var(--an-ink);font-size:13px}#an-root .an-search input:focus,#an-root .an-textarea:focus{border-color:#4d867e;box-shadow:0 0 0 3px #4d867e23}#an-root .an-search:before{content:"⌕";font-size:24px;position:absolute;left:12px;top:3px;color:#7b948b}#an-root .an-filter{display:flex;gap:6px;flex-wrap:wrap}#an-root .an-filter button{background:transparent;border:1px solid #d8e1d8;border-radius:99px;padding:7px 12px;color:#5c716a;font-size:12px}#an-root .an-filter button.active{background:#e0e9dd;border-color:#bbd0c0;color:#204941;font-weight:800}#an-root .an-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}#an-root .an-glyph-card{border:1px solid #e1e7df;border-radius:15px;background:white;padding:13px 7px 11px;min-height:146px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:.14s;color:#21423d;position:relative}#an-root .an-glyph-card:hover{border-color:#96b7a9;box-shadow:0 5px 18px #153a3715;transform:translateY(-2px)}#an-root .an-glyph-card .an-symbol{font-size:44px;line-height:1.4;min-height:69px;display:flex;align-items:center;justify-content:center}#an-root .an-glyph-card .an-roman{font-weight:760;font-size:13px}#an-root .an-glyph-card .an-cp{font-size:10px;color:#9daaa2}#an-root .an-glyph-card .an-copyhint{position:absolute;right:8px;top:6px;font-size:12px;color:#b5c3b8}#an-root .an-banner{background:#fff8e9;border:1px solid #f0e3be;color:#805c28;padding:13px 16px;border-radius:12px;font-size:12px;line-height:1.65;margin:18px 0}#an-root .an-status{font-size:12px;color:#718179}#an-root .an-action{border:0;background:#244e46;color:white;font-weight:740;padding:11px 15px;border-radius:11px;font-size:13px;transition:.18s}#an-root .an-action:hover{background:#163b36}#an-root .an-action.an-secondary{border:1px solid #cbd9ce;background:white;color:#244e46}#an-root .an-hidden{display:none!important}#an-root .an-section{display:none}#an-root .an-section.active{display:block}#an-root .an-converter{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}#an-root .an-panel{background:white;border:1px solid #dce5dc;border-radius:18px;padding:22px}#an-root .an-panel-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;font-size:13px;margin:0 0 12px;color:#3b534d}#an-root .an-textarea{font-size:20px;width:100%;height:170px;border:1px solid #e5ebe5;border-radius:12px;padding:16px;resize:vertical;color:var(--an-ink);background:#fcfdfa;outline:none}#an-root .an-output{min-height:170px;border:1px dashed #cadbc9;border-radius:12px;background:#f8fbf6;padding:20px;overflow-wrap:anywhere;font-size:40px;line-height:1.8}#an-root .an-conv-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}#an-root .an-note{font-size:12px;color:#6f8076;line-height:1.65}#an-root .an-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#an-root .an-examples button{border:1px solid #d8e5d9;background:#f6faf5;padding:6px 12px;border-radius:99px;font-size:12px;color:#3a5d51}#an-root .an-learn{display:grid;grid-template-columns:1fr 1fr;gap:20px}#an-root .an-quiz-big{background:#244e46;border-radius:24px;padding:36px;min-height:280px;color:white;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}#an-root .an-quiz-symbol{font-size:104px;line-height:1.5}#an-root .an-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}#an-root .an-choice{border:1px solid #d6e1d8;border-radius:13px;background:white;padding:15px;font-weight:760;color:#34574e}#an-root .an-choice.correct{border-color:#58a37c;background:#e6f5e9;color:#235f42}#an-root .an-choice.wrong{border-color:#dca79b;background:#fff0eb;color:#9c4f3e}#an-root .an-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}#an-root .an-faq article{background:white;border:1px solid #e1e7df;border-radius:14px;padding:22px}#an-root .an-faq h3{margin:0 0 8px;font-size:17px}#an-root .an-faq p{margin:0;color:#65766b;font-size:13px;line-height:1.75}#an-root .an-footer{background:#eaece5;padding:22px 40px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6b756e;flex-wrap:wrap}#an-root .an-modal-wrap{position:fixed;inset:0;background:#10231fc2;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}#an-root .an-modal{border-radius:22px;background:#fff;width:min(420px,100%);padding:26px;position:relative;text-align:center;box-shadow:0 25px 60px #0c171b44}#an-root .an-modal .an-modal-char{font-size:100px;line-height:1.4;background:#f4f7f1;border-radius:17px;margin:15px 0}#an-root .an-modal h2{margin:5px 0 0;font-size:26px;font-weight:750;line-height:1.2}#an-root .an-modal small{color:#77877e}#an-root .an-close{position:absolute;right:14px;top:13px;border:0;background:#f3f5f0;border-radius:100%;width:32px;height:32px;font-size:22px;color:#446358}#an-root .an-modal dl{text-align:left;display:grid;grid-template-columns:105px 1fr;font-size:12px;line-height:1.7;gap:9px;margin:20px 0}#an-root .an-modal dt{color:#829088}#an-root .an-modal dd{margin:0;overflow-wrap:anywhere;color:#39554b}#an-root .an-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173b35;color:#fff;padding:10px 17px;border-radius:12px;z-index:9999999;font-size:13px;box-shadow:0 5px 20px #1f30302e}#an-root .an-empty{padding:35px;text-align:center;color:#789086;border:1px dashed #c5d6cd;border-radius:14px;grid-column:1/-1}#an-root .an-select{border:1px solid #d8e3d9;border-radius:10px;background:white;padding:8px 9px;color:#2d5a51;min-width:140px}#an-root .an-hero-link{border:1px solid rgba(255,246,225,.5);border-radius:99px;padding:11px 16px;color:#fff7e3;font-size:13px;font-weight:700;background:#ffffff15;margin-top:22px}#an-root .an-hero-link:hover{background:#ffffff29}#an-root .an-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#an-root .an-pill{background:#e8efe7;color:#4a6256;border-radius:100px;padding:4px 9px;font-size:11px} @media(max-width:880px){#an-root .an-hero{padding:45px 28px}#an-root .an-hero-ornament{width:150px;min-width:150px;min-height:150px}#an-root .an-hero-ornament span{font-size:52px}#an-root .an-container{padding:25px 22px 37px}#an-root .an-grid{grid-template-columns:repeat(4,1fr)}#an-root .an-script-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}#an-root .an-converter{grid-template-columns:1fr}} @media(max-width:600px){#an-root{border-radius:0}#an-root .an-top{padding:16px;align-items:flex-start;flex-direction:column}#an-root .an-nav{width:100%}#an-root .an-nav button{flex:1;padding:9px 4px;font-size:12px}#an-root .an-hero{min-height:250px;padding:38px 22px}#an-root .an-hero h1{font-size:37px}#an-root .an-hero-ornament{display:none}#an-root .an-stats{gap:7px}#an-root .an-stat{padding:14px 9px}#an-root .an-stat strong{font-size:22px}#an-root .an-stat span{font-size:10px}#an-root .an-container{padding:20px 14px 30px}#an-root .an-script-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#an-root .an-script-tab{padding:9px 2px;border-radius:10px}#an-root .an-script-tab .an-script{font-size:25px}#an-root .an-script-tab strong{font-size:11px}#an-root .an-script-tab small{display:none}#an-root .an-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#an-root .an-glyph-card{min-height:125px;border-radius:12px}#an-root .an-glyph-card .an-symbol{font-size:37px;min-height:60px}#an-root .an-glyph-card .an-roman{font-size:12px}#an-root .an-panel{padding:15px}#an-root .an-output{font-size:32px;min-height:140px}#an-root .an-learn,#an-root .an-faq{grid-template-columns:1fr}#an-root .an-footer{padding:17px}} /* =========================================================== Museum.co.id integrated theme — v0.2.0 Scoped to #an-root so the Flatsome header/footer stay intact. =========================================================== */ #an-root.an-museum-theme { --an-ink:#123c3a; --an-muted:#68716c; --an-line:#e9dfd3; --an-paper:#fffdfa; --an-bg:#fcf8f1; --an-gold:#b98640; --an-green:#104b47; --an-purple:#62539d; width:100%; max-width:none; margin:0; background:var(--an-bg); color:var(--an-ink); border:0; border-radius:0; box-shadow:none; min-height:0; overflow:hidden; line-height:1.55; } /* The shortcode may live inside a constrained Flatsome row/column. */ #an-root.an-museum-theme.an-full-bleed { position:relative; left:50%; width:100vw; max-width:none; margin-left:-50vw; transform:none; } body:has(#an-root.an-full-bleed) {overflow-x:clip} body:has(#an-root.an-museum-theme) .page-wrapper {padding-top:0!important;padding-bottom:0!important} body:has(#an-root.an-museum-theme) .entry-content {margin-bottom:0} #an-root.an-museum-theme button { min-height:0; height:auto; box-shadow:none; text-transform:none; text-shadow:none; letter-spacing:normal; } #an-root.an-museum-theme button:focus-visible, #an-root.an-museum-theme input:focus-visible, #an-root.an-museum-theme textarea:focus-visible, #an-root.an-museum-theme select:focus-visible { outline:3px solid #a49ad5; outline-offset:3px; } #an-root.an-museum-theme .an-hero { background: radial-gradient(ellipse at 82% 54%,rgba(237,217,192,.36),transparent 50%), radial-gradient(ellipse at 12% 10%,rgba(238,229,243,.50),transparent 56%), linear-gradient(115deg,#fffaf3 0%,#fbf5ec 58%,#f7ecdf 100%); color:#203f3d; display:block; padding:0; min-height:455px; isolation:isolate; } #an-root.an-museum-theme .an-hero:after {content:none} #an-root.an-museum-theme .an-hero:before { content:'';font-size:0; color:rgba(171,124,67,.055);position:absolute;left:-38px;top:25px; z-index:-1;line-height:1; } #an-root.an-museum-theme .an-hero-inner { max-width:1180px;margin:auto;padding:53px 24px 105px; display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr); align-items:center; gap:18px;position:relative;z-index:2; } #an-root.an-museum-theme .an-hero-copy {max-width:670px} #an-root.an-museum-theme .an-kicker { color:#16514a;font-size:11px;font-weight:800;letter-spacing:.16em; } #an-root.an-museum-theme .an-hero h1 { color:#62519c; font-size:clamp(40px,4.6vw,67px); line-height:1.06;font-weight:750; margin:16px 0 18px;max-width:690px; letter-spacing:-.044em; } #an-root.an-museum-theme .an-hero p { color:#353b3a;font-size:16px;line-height:1.7; max-width:580px; } #an-root.an-museum-theme .an-hero-link { border:1px solid #0d4541; background:#0d4541; color:#fff; border-radius:50px; font-size:14px;font-weight:800; padding:13px 25px;margin-top:23px; transition:background .2s ease,transform .2s ease; } #an-root.an-museum-theme .an-hero-link:hover {background:#246760;transform:translateY(-2px)} #an-root.an-museum-theme .an-hero-link span {margin-left:6px} #an-root.an-museum-theme .an-hero-art { position:relative; height:337px; min-width:0; } #an-root.an-museum-theme .an-hero-art:before { content:'';position:absolute;inset:10px 0 0 20px; border-radius:50%; background:radial-gradient(circle,#e9d9ca70 0%,transparent 69%); } #an-root.an-museum-theme .an-script-floating { position:absolute; z-index:3; white-space:nowrap; font-size:clamp(24px,3vw,43px);font-weight:400; letter-spacing:.015em;text-shadow:0 1px 0 #fff7ec; } #an-root.an-museum-theme .an-float-1 {color:#725ca6;top:38px;left:8px;transform:rotate(-5deg)} #an-root.an-museum-theme .an-float-2 {color:#52806b;top:112px;left:-14px;transform:rotate(4deg)} #an-root.an-museum-theme .an-float-3 {color:#be915e;top:190px;left:4px;transform:rotate(-3deg)} #an-root.an-museum-theme .an-manuscript { position:absolute;right:-17px;top:4px;z-index:2; width:56%; min-width:190px;height:304px; transform:rotate(7deg); background: radial-gradient(circle at 90% 14%,#f0d7b6 0 2%,transparent 18%), radial-gradient(circle at 13% 84%,#edd3b2 0 3%,transparent 28%), repeating-linear-gradient(10deg,transparent,transparent 16px,#9d713509 17px), linear-gradient(125deg,#ecd1a8,#f8e3bc 35%,#d3aa79 100%); border:1px solid #bd9362; box-shadow:0 17px 40px #5c43382b, inset 0 0 26px #99704143; border-radius:4px 15px 10px 12px; clip-path:polygon(0% 5%,8% 1%,16% 3%,27% 0%,44% 3%,65% 0%,84% 2%,98% 0%,100% 22%,98% 49%,100% 74%,95% 100%,75% 97%,51% 100%,26% 96%,3% 100%,0% 76%,2% 43%); } #an-root.an-museum-theme .an-manuscript-inner { display:flex; flex-direction:column; align-items:center; gap:9px;height:100%;padding:26px 16px; } #an-root.an-museum-theme .an-manuscript-title { font-size:9px;color:#79532d;letter-spacing:.20em;font-weight:800; border-bottom:1px solid #ab8a60;padding-bottom:6px; } #an-root.an-museum-theme .an-manuscript-line { white-space:nowrap;font-size:23px;line-height:1.25; color:#765337;opacity:.88; } #an-root.an-museum-theme .an-manuscript-stamp {margin-top:auto;color:#9c7546;font-size:24px} #an-root.an-museum-theme .an-container { max-width:1180px;margin:auto; padding:24px 24px 60px; } #an-root.an-museum-theme .an-quick-links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; margin:-10px 0 25px;position:relative;z-index:3; } #an-root.an-museum-theme .an-quick-card { width:100%;display:flex;gap:15px;align-items:center; min-height:108px;padding:17px; border:1px solid #ece2d8;background:#fffdfa; border-radius:20px;text-align:left; color:#17413d; box-shadow:0 8px 25px #68524412; transition:transform .2s ease,box-shadow .2s ease; } #an-root.an-museum-theme .an-quick-card:hover {transform:translateY(-3px);box-shadow:0 13px 30px #68524423} #an-root.an-museum-theme .an-quick-icon { display:grid;place-items:center;flex-shrink:0; width:66px;height:66px;border-radius:17px; background:#eee8f3;color:#68529b;font-size:37px;font-weight:400; } #an-root.an-museum-theme .an-quick-card:nth-child(2) .an-quick-icon {background:#e5ece4;color:#1b6155} #an-root.an-museum-theme .an-quick-text {display:flex;flex-direction:column;gap:3px;min-width:0} #an-root.an-museum-theme .an-quick-text h3 {font-size:21px;font-weight:750;line-height:1.15;color:#154b46} #an-root.an-museum-theme .an-quick-text small {font-size:12px;line-height:1.45;color:#555e58} #an-root.an-museum-theme .an-quick-arrow {margin-left:auto;font-size:30px;line-height:1;color:#8f938f} #an-root.an-museum-theme .an-stats { grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; margin:0 0 27px; } #an-root.an-museum-theme .an-stat { background:#fffdfa;border:1px solid #e9e0d6; border-radius:15px;padding:17px 21px; } #an-root.an-museum-theme .an-stat strong {color:#62519c;font-size:25px} #an-root.an-museum-theme .an-stat span {color:#69706a} #an-root.an-museum-theme .an-heading {margin:33px 0 18px} #an-root.an-museum-theme .an-heading h2 {font-size:30px;font-weight:750;line-height:1.24;color:#154b46} #an-root.an-museum-theme .an-heading p {color:#70726e} #an-root.an-museum-theme .an-section {scroll-margin-top:120px} #an-root.an-museum-theme .an-script-tab.active {background:#64529a;border-color:#64529a;box-shadow:0 8px 25px #62519c2b} #an-root.an-museum-theme .an-script-tab, #an-root.an-museum-theme .an-panel, #an-root.an-museum-theme .an-glyph-card, #an-root.an-museum-theme .an-faq article {background:#fffefa;border-color:#e9e1d7} #an-root.an-museum-theme .an-glyph-card:hover {border-color:#ab9dcc;box-shadow:0 6px 20px #62519c22} #an-root.an-museum-theme .an-glyph-card .an-roman {color:#274e4a} #an-root.an-museum-theme .an-filter button.active {background:#efeaf6;border-color:#d1c7e5;color:#58438d} #an-root.an-museum-theme .an-action {background:#16504a} #an-root.an-museum-theme .an-action:hover {background:#28746a} #an-root.an-museum-theme .an-action.an-secondary {color:#16504a;background:#fffdfa} #an-root.an-museum-theme .an-quiz-big {background:linear-gradient(135deg,#5a4a8e,#2f6060)} #an-root.an-museum-theme .an-banner {background:#fff5e6;border-color:#ead8bd;color:#775c3f} #an-root.an-museum-theme .an-output {background:#fbf9f5} #an-root.an-museum-theme .an-end-note { margin-top:45px;padding:24px 0 0; display:flex;align-items:center;gap:14px; border-top:1px solid #e7dbcf; } #an-root.an-museum-theme .an-end-icon {font-size:35px;color:#ac8753} #an-root.an-museum-theme .an-end-note strong {display:block;color:#5d4c91;font-size:19px;font-weight:700} #an-root.an-museum-theme .an-end-note small {display:block;color:#777973;font-size:12px;margin-top:3px} @media (max-width:960px){ #an-root.an-museum-theme .an-hero-inner {grid-template-columns:1fr .8fr;padding:50px 25px 100px} #an-root.an-museum-theme .an-hero h1 {font-size:clamp(39px,5.4vw,55px)} #an-root.an-museum-theme .an-hero-art {height:290px} #an-root.an-museum-theme .an-manuscript {height:267px;right:0} #an-root.an-museum-theme .an-manuscript-line {font-size:19px} #an-root.an-museum-theme .an-script-floating {font-size:29px} #an-root.an-museum-theme .an-quick-card {padding:12px;gap:10px} #an-root.an-museum-theme .an-quick-icon {width:46px;height:50px;font-size:29px} #an-root.an-museum-theme .an-quick-text h3 {font-size:18px} #an-root.an-museum-theme .an-quick-arrow {display:none} } @media (max-width:700px){ #an-root.an-museum-theme .an-hero {min-height:360px} #an-root.an-museum-theme .an-hero-inner {display:block;padding:37px 21px 90px} #an-root.an-museum-theme .an-hero h1 {font-size:clamp(36px,9vw,48px)} #an-root.an-museum-theme .an-hero p {font-size:14px} #an-root.an-museum-theme .an-hero-art {display:none} #an-root.an-museum-theme .an-container {padding:16px 14px 35px} #an-root.an-museum-theme .an-quick-links {grid-template-columns:1fr;gap:9px;margin-top:4px;margin-bottom:21px} #an-root.an-museum-theme .an-quick-card {min-height:78px;border-radius:15px;padding:12px 14px} #an-root.an-museum-theme .an-quick-icon {width:49px;height:49px} #an-root.an-museum-theme .an-quick-text h3 {font-size:18px} #an-root.an-museum-theme .an-quick-text small {font-size:11px} #an-root.an-museum-theme .an-quick-arrow {display:block;font-size:22px} #an-root.an-museum-theme .an-stats {gap:7px;margin-bottom:19px} #an-root.an-museum-theme .an-stat {padding:12px 8px} #an-root.an-museum-theme .an-stat strong {font-size:21px} #an-root.an-museum-theme .an-stat span {font-size:10px} #an-root.an-museum-theme .an-heading h2 {font-size:25px} #an-root.an-museum-theme .an-end-note {margin-top:30px} } @media (prefers-reduced-motion: reduce){ #an-root.an-museum-theme * {scroll-behavior:auto!important;transition-duration:.01ms!important} } /* Museum.co.id / Flatsome inheritance — v0.2.1 Tidak membuat site-header baru. Semua heading mengikuti font heading dari tema. Ornamen divider mengikuti garis zigzag + titik emas pada bagian CTA museum.co.id. */ #an-root.an-museum-theme, #an-root.an-museum-theme p, #an-root.an-museum-theme button, #an-root.an-museum-theme input, #an-root.an-museum-theme select, #an-root.an-museum-theme textarea { font-family:inherit; } #an-root.an-museum-theme { --an-bg:#f5f2eb; --an-purple:#6b5cad; --an-green:#5d52a0; background:var(--an-bg); } #an-root.an-museum-theme .an-hero { background: radial-gradient(ellipse at 86% 25%,rgba(204,194,225,.16),transparent 47%), #f6f2e9; min-height:420px; } #an-root.an-museum-theme .an-hero::before { content:''; position:absolute;left:-45px;top:22px; width:148px;height:148px; background:url('museum-flower.svg') center/contain no-repeat; opacity:.35; z-index:-1; } #an-root.an-museum-theme .an-hero-inner { padding-top:68px; padding-bottom:81px; } #an-root.an-museum-theme .an-hero h1 { color:#6956a6; letter-spacing:-.025em; line-height:1.13; font-weight:700; } #an-root.an-museum-theme .an-heading h2 {color:#5c4b9c} #an-root.an-museum-theme .an-quick-text h3 { margin:0 0 2px; color:#5c4b9c; font-weight:700; letter-spacing:normal; } #an-root.an-museum-theme .an-hero-link, #an-root.an-museum-theme .an-action {background:#6d5db0;border-color:#6d5db0;color:#fff} #an-root.an-museum-theme .an-hero-link:hover, #an-root.an-museum-theme .an-action:hover {background:#59488f;border-color:#59488f} #an-root.an-museum-theme .an-quick-icon {color:#6d5db0} #an-root.an-museum-theme .an-heritage-divider { background:url('museum-divider.svg') repeat-x center center; background-size:96px 28px; height:28px; position:absolute; z-index:3;bottom:0;left:0;right:0; } #an-root.an-museum-theme .an-container { padding-top:26px; background:var(--an-bg); } #an-root.an-museum-theme .an-quick-links {margin-top:0} #an-root.an-museum-theme .an-end-note { flex-wrap:wrap; border-top:0; padding-top:34px; background:url('museum-divider.svg') repeat-x left top; background-size:96px 28px; } #an-root.an-museum-theme .an-end-icon {color:#ad9bd2} #an-root.an-museum-theme .an-end-note strong {color:#5c4b9c} #an-root.an-museum-theme .an-about-link { margin-left:auto;padding:9px 14px; border:1px solid #c5bbdd;border-radius:40px; background:transparent;color:#574795; font-size:12px;font-weight:700; } #an-root.an-museum-theme .an-about-link:hover {background:#ece7f5} @media(max-width:700px){ #an-root.an-museum-theme .an-hero-inner {padding-top:45px;padding-bottom:65px} #an-root.an-museum-theme .an-hero {min-height:350px} #an-root.an-museum-theme .an-about-link {margin-left:0} } /* v0.2.2 fixes: hide prototype notice from frontend by removing markup; improve quiz card readability */ #an-root.an-museum-theme .an-quiz-big .an-kicker, #an-root.an-museum-theme #an-quiz-caption { color:#f3ecd2; text-shadow:0 1px 1px rgba(0,0,0,.08); } #an-root.an-museum-theme #an-quiz-progress { color:rgba(255,255,255,.92); } #an-root.an-museum-theme .an-quiz-symbol { text-shadow:0 2px 10px rgba(0,0,0,.08); } /* v0.3.0: 8 script choices with readable responsive grid. */ #an-root .an-script-tabs, #an-root.an-museum-theme .an-script-tabs {grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #an-root .an-script-tab {min-width:0;overflow:hidden;overflow-wrap:anywhere;min-height:97px} #an-root .an-script-tab .an-script {font-family:"Noto Sans Javanese","Noto Sans Sundanese","Noto Sans Balinese","Noto Sans Batak","Noto Sans Buginese","Noto Sans Rejang","Noto Sans Kawi","Noto Serif Makasar",sans-serif} #an-root .an-script {font-family:"Noto Sans Javanese","Noto Sans Sundanese","Noto Sans Balinese","Noto Sans Batak","Noto Sans Buginese","Noto Sans Rejang","Noto Sans Kawi","Noto Serif Makasar",sans-serif} #an-root .an-script-tab small {white-space:normal;line-height:1.25} @media(max-width:700px){ #an-root .an-script-tabs,#an-root.an-museum-theme .an-script-tabs {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #an-root .an-script-tab {min-height:85px;padding:9px 5px} #an-root .an-script-tab strong {font-size:12px;line-height:1.25} #an-root .an-script-tab .an-script {font-size:30px;line-height:1.35} #an-root .an-script-tab small {display:block;font-size:10px;line-height:1.2} } /* v0.4.0: documentation-only Lampung/Incung and curated manuscript profiles */ #an-root.an-museum-theme .an-quick-links {grid-template-columns:repeat(4,minmax(0,1fr));gap:11px} #an-root.an-museum-theme .an-script-tabs {grid-template-columns:repeat(5,minmax(0,1fr));gap:9px} #an-root.an-museum-theme .an-script-doc {background:#fcf8f0;border-style:dashed;border-color:#d7c4ab} #an-root.an-museum-theme .an-script-doc.active {background:#6959a7;border-color:#6959a7;color:#fff} #an-root.an-museum-theme .an-doc-tab-icon {display:grid;place-items:center;height:58px;font-size:32px;color:#ab895d} #an-root.an-museum-theme .an-script-doc.active .an-doc-tab-icon{color:#fff} #an-root.an-museum-theme .an-doc-sound {border:1px solid #e1d6c8;border-radius:14px;background:#fffefa;min-height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:12px;text-align:center} #an-root.an-museum-theme .an-doc-sound strong {font-size:18px;color:#62519c;line-height:1.2} #an-root.an-museum-theme .an-doc-sound small {font-size:11px;color:#84776a} #an-root.an-museum-theme .an-doc-action {margin:19px 0 10px} #an-root.an-museum-theme .an-history-layout {display:grid;grid-template-columns:minmax(250px, .85fr) minmax(0,1.75fr);gap:17px;align-items:start} #an-root.an-museum-theme .an-history-list {display:grid;grid-template-columns:1fr 1fr;gap:9px} #an-root.an-museum-theme .an-history-choice {border:1px solid #e7dcd2;border-radius:14px;background:#fffefa;color:#363a40;padding:13px 14px;text-align:left;min-height:97px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:3px;box-shadow:none} #an-root.an-museum-theme .an-history-choice.active {border-color:#6b5cac;background:#f1edf8;box-shadow:0 2px 10px rgba(95,77,147,.08)} #an-root.an-museum-theme .an-history-choice strong {font-size:15px;line-height:1.2;color:#50418d;font-weight:700} #an-root.an-museum-theme .an-history-choice small {font-size:11px;color:#686968;line-height:1.45} #an-root.an-museum-theme .an-history-chip {font-size:10px;color:#6c5a90;line-height:1.4} #an-root.an-museum-theme .an-history-detail {border:1px solid #e9dfd5;background:#fffefa;border-radius:19px;padding:27px 29px;min-width:0} #an-root.an-museum-theme .an-history-state {display:inline-block;font-size:11px;color:#5e4b99;background:#f0edf7;border-radius:99px;padding:5px 11px;margin-bottom:12px;font-weight:700} #an-root.an-museum-theme .an-history-detail h3 {margin:0 0 4px;color:#50408e;font-size:26px;font-weight:700} #an-root.an-museum-theme .an-history-detail p {font-size:14px;line-height:1.75;color:#4f5350;margin:0 0 16px} #an-root.an-museum-theme .an-history-detail p.an-history-sub {font-size:12px;color:#867e78;margin-bottom:14px} #an-root.an-museum-theme .an-history-detail dl {display:grid;grid-template-columns:155px minmax(0,1fr);gap:9px 13px;margin:19px 0 22px;font-size:13px;line-height:1.6} #an-root.an-museum-theme .an-history-detail dt {color:#857a75;font-weight:700} #an-root.an-museum-theme .an-history-detail dd {margin:0;color:#333b3a} #an-root.an-museum-theme .an-history-detail h4 {font-size:15px;margin:0 0 10px;color:#50418d;font-weight:700} #an-root.an-museum-theme .an-history-sources {padding-left:19px;margin:0;display:grid;gap:7px} #an-root.an-museum-theme .an-history-sources li {font-size:13px;line-height:1.5;color:#7a7771} #an-root.an-museum-theme .an-history-sources a {text-decoration:underline;color:#5c4b9c} #an-root.an-museum-theme .an-history-sources a:focus-visible,#an-root.an-museum-theme .an-history-choice:focus-visible{outline:3px solid #9a82ca;outline-offset:2px} @media(max-width:1050px){#an-root.an-museum-theme .an-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}#an-root.an-museum-theme .an-script-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}#an-root.an-museum-theme .an-history-layout{grid-template-columns:1fr}#an-root.an-museum-theme .an-history-list{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:700px){#an-root.an-museum-theme .an-quick-links{grid-template-columns:1fr}#an-root.an-museum-theme .an-script-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#an-root.an-museum-theme .an-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}#an-root.an-museum-theme .an-history-detail{padding:19px 16px}#an-root.an-museum-theme .an-history-detail dl{grid-template-columns:1fr;gap:2px}#an-root.an-museum-theme .an-history-detail dd{margin-bottom:11px}} /* v0.5.0 — galeri rujukan domain publik, audio sintetis, kanvas menulis */ #an-root.an-museum-theme .an-quick-links{grid-template-columns:repeat(5,minmax(0,1fr));} #an-root.an-museum-theme .an-reference-gallery{margin-top:27px;padding:23px;background:#fffdf9;border:1px solid #e2dacf;border-radius:18px} #an-root.an-museum-theme .an-reference-gallery h3{font-size:23px;margin:0 0 8px;color:#5f4e99} #an-root.an-museum-theme .an-reference-gallery>p{font-size:13px;line-height:1.7;color:#68635f} #an-root.an-museum-theme .an-reference-block{display:flex;flex-direction:column;gap:10px;align-items:flex-start} #an-root.an-museum-theme .an-reference-block img{display:block;width:auto;max-width:100%;max-height:600px;object-fit:contain;border-radius:12px;border:1px solid #e9ddd0;background:#fff} #an-root.an-museum-theme .an-reference-credit{display:flex;flex-direction:column;gap:5px;align-items:flex-start;font-size:12px} #an-root.an-museum-theme .an-reference-credit a{color:#5f4e99;text-decoration:underline} #an-root.an-museum-theme .an-reference-credit small{font-size:11px;color:#79716e} #an-root.an-museum-theme .an-doc-buttons{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap;justify-content:center} #an-root.an-museum-theme .an-doc-mini{border:1px solid #d9cfe5;background:#f7f3fd;color:#58478e;border-radius:20px;padding:5px 9px;font-size:11px;line-height:1.3;cursor:pointer} #an-root.an-museum-theme .an-doc-mini:hover{background:#eae3f5} #an-root.an-museum-theme .an-doc-sound{min-height:122px} #an-root.an-museum-theme .an-writing-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:8px 0 18px} #an-root.an-museum-theme .an-writing-controls label{display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:6px;color:#555257;min-width:170px;flex:1} #an-root.an-museum-theme .an-writing-controls select{width:100%;height:44px} #an-root.an-museum-theme .an-writing-controls button{min-height:44px} #an-root.an-museum-theme .an-writing-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:15px;align-items:start} #an-root.an-museum-theme .an-writing-layout h3{color:#55458e;margin:0 0 14px;font-size:20px} #an-root.an-museum-theme .an-writing-ref,#an-root.an-museum-theme .an-writing-work{min-width:0} #an-root.an-museum-theme .an-writing-glyph{min-height:240px;display:grid;place-items:center;font-size:120px;background:#f9f6ee;border:1px dashed #ddd1bc;border-radius:14px;color:#2c4a46;line-height:1.55} #an-root.an-museum-theme .an-reference-block.an-compact img{max-height:330px;max-width:100%} #an-root.an-museum-theme .an-writing-work-title{display:flex;justify-content:space-between;align-items:center;gap:8px} #an-root.an-museum-theme .an-canvas-wrap{width:100%;aspect-ratio:8/5;background:#fffdf8;border:1px solid #d8d0d4;border-radius:14px;overflow:hidden;touch-action:none} #an-root.an-museum-theme #an-write-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair} #an-root.an-museum-theme .an-writing-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} #an-root.an-museum-theme .an-writing-actions button{font-size:12px} #an-root.an-museum-theme .an-detail-audio{margin:0 0 0 9px} @media(max-width:1100px){#an-root.an-museum-theme .an-quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:750px){#an-root.an-museum-theme .an-quick-links{grid-template-columns:1fr}#an-root.an-museum-theme .an-writing-layout{grid-template-columns:1fr}#an-root.an-museum-theme .an-writing-controls label{min-width:130px}#an-root.an-museum-theme .an-reference-gallery{padding:14px}} /* v0.5.1 — Five compact feature cards: icon above heading on desktop, compact horizontal arrangement on phones. Scoped to our own plugin. */ #an-root.an-museum-theme .an-quick-links { grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; align-items:stretch; margin-bottom:24px; } #an-root.an-museum-theme .an-quick-card { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:10px; min-width:0; min-height:148px; padding:15px 15px 16px; border-radius:16px; text-align:left; } #an-root.an-museum-theme .an-quick-icon { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:11px; font-size:23px; line-height:1; font-weight:400; } #an-root.an-museum-theme .an-quick-text { display:flex; flex-direction:column; min-width:0; width:100%; gap:5px; } #an-root.an-museum-theme .an-quick-text h3 { margin:0; font-size:16px; font-weight:700; line-height:1.25; letter-spacing:0; } #an-root.an-museum-theme .an-quick-text small { font-size:11.2px; font-weight:400; line-height:1.43; color:#5e5c63; overflow-wrap:break-word; } #an-root.an-museum-theme .an-quick-arrow { display:block; position:absolute; right:14px; top:14px; margin:0; color:#877caa; font-size:20px; line-height:1; } #an-root.an-museum-theme .an-quick-card:hover, #an-root.an-museum-theme .an-quick-card:focus-visible { border-color:#cfc5e3; box-shadow:0 10px 24px rgba(91,72,143,.13); } #an-root.an-museum-theme .an-quick-card:focus-visible { outline:2px solid #6d5db0; outline-offset:3px; } @media (min-width:751px) and (max-width:1100px) { #an-root.an-museum-theme .an-quick-links {grid-template-columns:repeat(3,minmax(0,1fr));} #an-root.an-museum-theme .an-quick-card {min-height:142px;} } @media (max-width:750px) { #an-root.an-museum-theme .an-quick-links { grid-template-columns:1fr; gap:9px; margin-bottom:21px; } #an-root.an-museum-theme .an-quick-card { flex-direction:row; align-items:center; gap:12px; min-height:77px; padding:11px 36px 11px 12px; border-radius:14px; } #an-root.an-museum-theme .an-quick-icon { width:38px; height:38px; flex-basis:38px; font-size:21px; border-radius:10px; } #an-root.an-museum-theme .an-quick-text h3 {font-size:15px;line-height:1.22;} #an-root.an-museum-theme .an-quick-text small {font-size:11px;line-height:1.35;} #an-root.an-museum-theme .an-quick-arrow { right:13px; top:50%; transform:translateY(-50%); font-size:19px; } } /* v0.6.0 — Quiz levels, source-chart individual cards, form reveal, trace guide */ #an-root.an-museum-theme .an-quiz-settings{display:flex;gap:10px;align-items:end;flex-wrap:wrap} #an-root.an-museum-theme .an-quiz-settings label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#5b5570} #an-root.an-museum-theme .an-quiz-settings .an-select{min-width:125px;margin:0} #an-root.an-museum-theme .an-quiz-instructions{font-size:12px;color:#726c79;margin:8px 0 4px;line-height:1.55} #an-root.an-museum-theme .an-quiz-audio{font-size:11px;padding:9px 12px} #an-root.an-museum-theme .an-quiz-audio:disabled{opacity:.42;cursor:not-allowed} #an-root.an-museum-theme .an-doc-visual{min-height:189px;padding:12px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px} #an-root.an-museum-theme .an-doc-preview{display:block;flex:none;border-radius:5px;border:1px solid #efe4d8;background-color:#fffdf8;background-repeat:no-repeat;background-clip:padding-box;box-shadow:0 2px 9px rgba(56,42,33,.07);max-width:100%} #an-root.an-museum-theme .an-doc-visual strong{font-weight:800;font-size:15px;color:#55468b} #an-root.an-museum-theme .an-doc-visual small{font-size:10px;color:#746e78;text-align:center} #an-root.an-museum-theme .an-writing-visual{display:flex;justify-content:center;align-items:center;min-height:225px;border-radius:14px;background:#fffdf7;border:1px dashed #d8cabb} #an-root.an-museum-theme .an-writing-visual .an-doc-preview{transform:scale(1.7);transform-origin:center} #an-root.an-museum-theme .an-writing-source{display:inline-block;font-size:12px;color:#62519c;margin-top:12px;text-decoration:underline} #an-root.an-museum-theme .an-animated-form{animation:an-crop-reveal 2.4s ease-in-out 1 both} @keyframes an-crop-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.2}100%{clip-path:inset(0 0 0 0);opacity:1}} #an-root.an-museum-theme #an-write-trace[aria-pressed=true]{background:#6657a5;color:#fff;border-color:#6657a5} #an-root.an-museum-theme #an-write-trace:disabled{opacity:.5;cursor:not-allowed} @media(max-width:700px){ #an-root.an-museum-theme .an-quiz-settings{width:100%;display:grid;grid-template-columns:1fr 1fr} #an-root.an-museum-theme .an-quiz-settings label{min-width:0} #an-root.an-museum-theme .an-quiz-settings .an-select{min-width:0;width:100%} #an-root.an-museum-theme .an-writing-visual .an-doc-preview{transform:scale(1.4)} #an-root.an-museum-theme .an-doc-visual{min-height:166px} } @media(prefers-reduced-motion:reduce){#an-root.an-museum-theme .an-animated-form{animation:none!important}} #an-root.an-museum-theme .an-doc-preview .an-crop-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;padding:8px;text-align:center;background:#f6f0e6;color:#5c4d88;font-weight:700;font-size:11px;line-height:1.4;text-decoration:none} #an-root.an-museum-theme .an-doc-preview.an-crop-unavailable{position:relative;background-image:none!important} #an-root.an-museum-theme .an-doc-preview.an-crop-unavailable .an-crop-fallback{display:flex} /* Show source link while remote chart is pending or unavailable: never render empty squares. */ #an-root.an-museum-theme .an-doc-preview{position:relative} #an-root.an-museum-theme .an-doc-preview .an-crop-fallback{display:flex} #an-root.an-museum-theme .an-doc-preview.an-crop-loaded .an-crop-fallback{display:none} /* v0.7.0 — four compact icon buttons, accessible assessments and curator status */ #an-root.an-museum-theme .an-writing-actions button, #an-root.an-museum-theme .an-eval-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 12px;white-space:normal;text-align:center} #an-root.an-museum-theme .an-writing-actions button svg, #an-root.an-museum-theme .an-eval-button svg{height:17px;width:17px;flex:0 0 17px;stroke-width:2.1} #an-root.an-museum-theme .an-writing-actions button:focus-visible, #an-root.an-museum-theme .an-eval-button:focus-visible{outline:3px solid #b8a9e8;outline-offset:2px} #an-root.an-museum-theme .an-writing-eval{margin:15px 0 12px;padding:13px;background:#f6f3fb;border:1px solid #ded7ed;border-radius:13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap} #an-root.an-museum-theme .an-eval-button{background:#6b5aab;color:white;flex:0 0 auto} #an-root.an-museum-theme .an-eval-button:hover{background:#54448d} #an-root.an-museum-theme .an-eval-result{font-size:12px;line-height:1.55;color:#51476a;flex:1;min-width:175px} #an-root.an-museum-theme .an-validation-status{padding:9px 12px;font-size:12px;line-height:1.5;background:#fff8ea;color:#805e28;border:1px solid #f1dfb8;border-radius:10px;margin:8px 0} #an-root.an-museum-theme .an-validation-status.is-verified{color:#1e5a46;background:#eaf8f0;border-color:#c8e7d4} #an-root.an-museum-theme .an-validation-status a{color:inherit;text-decoration:underline;text-underline-offset:2px} #an-root.an-museum-theme .an-stroke-animation{width:100%;height:auto;display:block;max-width:100%;background:#faf7ef;border:1px dashed #d6c8e5;border-radius:12px} #an-root.an-museum-theme .an-write-score{font-size:22px;font-weight:800;color:#5c4b9b;margin-right:4px} @media(max-width:600px){#an-root.an-museum-theme .an-writing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#an-root.an-museum-theme .an-writing-actions button{font-size:11px;padding:9px 7px}#an-root.an-museum-theme .an-writing-eval{align-items:stretch;flex-direction:column}#an-root.an-museum-theme .an-eval-button{width:100%}} /* v0.7.1: accessible two-way conversion, responsive swap control */ #an-root .an-conv-directions{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 19px;padding:5px;border:1px solid #e8ded6;border-radius:15px;background:#fffdfa;width:fit-content;max-width:100%} #an-root .an-dir-choice{border:1px solid transparent;background:transparent;color:#665a80;border-radius:10px;padding:9px 17px;font-size:13px;font-weight:700;line-height:1.4;box-shadow:none;white-space:nowrap;min-height:42px} #an-root .an-dir-choice.active{background:#6b5bae;color:#fff;border-color:#6b5bae;box-shadow:0 2px 6px #6b5bae23} #an-root .an-dir-choice:focus-visible,#an-root .an-swap-dir:focus-visible{outline:3px solid #9f8ad6;outline-offset:3px} #an-root .an-two-way{position:relative;gap:32px} #an-root .an-swap-dir{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:4;height:43px;width:43px;border:1px solid #d9cbea;background:#fff;color:#6b5bae;border-radius:50%;font-size:23px;box-shadow:0 3px 12px #30265a19;padding:0} #an-root .an-swap-dir:hover{background:#f5f0fe;border-color:#a99cce} #an-root #an-input.an-script{font-size:29px;line-height:1.75} #an-root .an-examples button.an-script{font-size:18px;line-height:1.65} #an-root #an-output:not(.an-script){font-size:28px;line-height:1.65;overflow-wrap:anywhere} @media(max-width:700px){#an-root .an-conv-directions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px}#an-root .an-dir-choice{white-space:normal;padding:8px 7px;font-size:12px}#an-root .an-two-way{gap:22px}#an-root .an-swap-dir{top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}#an-root #an-input.an-script{font-size:24px}#an-root #an-output:not(.an-script){font-size:24px}} /* v0.8.0 — virtual keyboard and Unicode detection. Scope entirely under plugin root. */ #an-root .an-conv-smart-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 17px} #an-root .an-smart-toggle{border:1px solid #d4cce6;background:#fff;color:#5b4c97;border-radius:100px;padding:8px 13px;font-size:12px;line-height:1.4;font-weight:700;min-height:35px} #an-root .an-smart-toggle.active{background:#f0ecf8;border-color:#b9aad9} #an-root .an-detect-status{font-size:12px;color:#536562;max-width:100%;overflow-wrap:anywhere} #an-root .an-detect-mixed{color:#9b5d29} #an-root .an-keyboard-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 0} #an-root .an-keyboard-toggle{border:1px solid #bfb4db;background:#f4effb;border-radius:10px;color:#594790;font-weight:750;font-size:12px;padding:10px 13px;min-height:40px} #an-root .an-keyboard-toggle:hover{background:#ece3f8} #an-root .an-keyboard-hint{font-size:11px;color:#6b756d} #an-root .an-keyboard{margin-top:12px;padding:14px;border:1px solid #e3dcec;border-radius:14px;background:#faf7fd;min-width:0} #an-root .an-keyboard-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:14px} #an-root .an-keyboard-intro strong{font-size:15px;color:#514287} #an-root .an-keyboard-intro .an-note{margin:0} #an-root .an-keyboard-section{margin:0 0 13px} #an-root .an-keyboard-section h4{font-size:12px;font-weight:750;color:#574988;letter-spacing:.02em;margin:0 0 8px} #an-root .an-keyboard-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px} #an-root .an-keyboard-key{background:#fff;border:1px solid #e2dbea;border-radius:9px;padding:6px 2px 5px;min-height:64px;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;color:#2c4f49;box-shadow:none;line-height:1.3} #an-root .an-keyboard-key:hover,#an-root .an-keyboard-key:focus-visible{border-color:#8c79c6;background:#f0ebfa;outline:2px solid transparent} #an-root .an-keyboard-key .an-keyboard-glyph{font-size:23px;line-height:1.4;min-height:29px;overflow-wrap:anywhere} #an-root .an-keyboard-key small{font-size:10px;line-height:1.2;color:#6c6479;text-transform:uppercase} #an-root .an-keyboard-footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px} #an-root .an-keyboard-edit{background:#fff;border:1px solid #c8c1d9;border-radius:9px;color:#514587;padding:8px 12px;font-size:12px;min-height:37px} #an-root .an-keyboard-message{margin:8px 0 0;font-size:11px;color:#7f4d30;min-height:10px} #an-root .an-breakdown-panel{padding:15px 18px;background:#fcfaf7;border:1px solid #e6e0d8;border-radius:14px;margin:14px 0 18px} #an-root .an-breakdown-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:12px} #an-root .an-breakdown-title strong{font-size:14px;color:#52438b} #an-root .an-breakdown-title small{color:#747870;font-size:11px} #an-root .an-breakdown-list{display:flex;flex-wrap:wrap;gap:8px} #an-root .an-breakdown-unit{border:1px solid #e4dcea;background:#fff;min-width:80px;border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:4px;padding:10px 14px;color:#554987;font-size:14px} #an-root .an-breakdown-unit strong{font-size:19px;color:#234e49;font-weight:700} @media(max-width:700px){ #an-root .an-conv-smart-row{gap:8px;margin:10px 0 14px} #an-root .an-keyboard{padding:10px} #an-root .an-keyboard-keys{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px} #an-root .an-keyboard-key{min-height:59px;padding:5px 2px} #an-root .an-keyboard-key .an-keyboard-glyph{font-size:20px} #an-root .an-keyboard-hint{display:none} } /* v0.8.1 — separate, full-width keyboard card underneath the two converter panels */ #an-root.an-museum-theme .an-keyboard-card { display:block; width:100%; min-width:0; margin:0 0 18px; padding:19px 22px; background:#fffefa; border:1px solid #e9e1d7; border-radius:18px; } #an-root.an-museum-theme .an-keyboard-card-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; min-width:0; } #an-root.an-museum-theme .an-keyboard-card-copy { flex:1 1 210px; min-width:0; } #an-root.an-museum-theme .an-keyboard-card-copy strong { font-family:inherit; font-weight:700; font-size:17px; line-height:1.35; color:#63509c; display:block; } #an-root.an-museum-theme .an-keyboard-subtitle { margin:4px 0 0; color:#69716b; line-height:1.5; font-size:12px; } #an-root.an-museum-theme .an-keyboard-card-toggle { margin:0; flex:none; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 14px; border-radius:10px; min-height:39px; } #an-root.an-museum-theme .an-keyboard-card .an-keyboard { margin:16px 0 0; padding:17px 0 0; border:0; border-top:1px solid #ece5ef; border-radius:0; background:transparent; min-width:0; } #an-root.an-museum-theme .an-keyboard-card .an-keyboard-keys { display:grid; grid-template-columns:repeat(auto-fill,minmax(62px,78px)); gap:8px; justify-content:start; } #an-root.an-museum-theme .an-keyboard-card .an-keyboard-key { min-height:62px; } #an-root.an-museum-theme .an-keyboard-card .an-keyboard-section {margin-bottom:17px} #an-root.an-museum-theme .an-keyboard-card .an-keyboard-section h4 { font-family:inherit; font-size:12px; margin:0 0 9px; } #an-root.an-museum-theme .an-keyboard-card .an-keyboard-footer { border-top:1px solid #ece5ef; padding-top:13px; margin-top:10px; } @media (max-width:700px) { #an-root.an-museum-theme .an-keyboard-card {padding:15px 14px;margin-bottom:14px} #an-root.an-museum-theme .an-keyboard-card-copy strong{font-size:16px} #an-root.an-museum-theme .an-keyboard-card-header{gap:9px} #an-root.an-museum-theme .an-keyboard-card-toggle{width:100%} #an-root.an-museum-theme .an-keyboard-card .an-keyboard-keys{ grid-template-columns:repeat(5,minmax(0,1fr));gap:5px; } #an-root.an-museum-theme .an-keyboard-card .an-keyboard {padding-top:14px;margin-top:14px} }