:root{--ink:#193c34;--muted:#65716b;--paper:#fafaf4;--soft:#eff1e7;--line:#dce1d4;--accent:#d6ed9c;--accent-ink:#193c34;--deep:#173c34;--white:#fff;--motif:radial-gradient(circle at 1px 1px,#193c3413 1px,transparent 0);--motif-size:18px 18px;--radius:16px}
html[data-theme=teknik]{--ink:#193653;--muted:#5c6f80;--paper:#f6f9fc;--soft:#e9eff8;--line:#d4dfec;--accent:#a7d5ff;--accent-ink:#153954;--deep:#153954;--motif:linear-gradient(#19365312 1px,transparent 1px),linear-gradient(90deg,#19365312 1px,transparent 1px);--motif-size:32px 32px;--radius:5px}
html[data-theme=kesehatan]{--ink:#174f4d;--muted:#5a7775;--paper:#f6fbfa;--soft:#e5f3ee;--line:#cde3df;--accent:#a5e8d6;--accent-ink:#134a43;--deep:#164b47;--motif:radial-gradient(ellipse at 50% 50%,#1b665214 3px,transparent 4px);--motif-size:28px 24px;--radius:24px}
html[data-theme=bisnis]{--ink:#4c391c;--muted:#7b6e57;--paper:#fffaf0;--soft:#f5eddd;--line:#e6ddca;--accent:#f5ce73;--accent-ink:#4b3517;--deep:#47371d;--motif:repeating-linear-gradient(130deg,transparent 0 24px,#7a56200c 24px 25px);--motif-size:60px 60px;--radius:10px}
html[data-theme=hukum]{--ink:#512c37;--muted:#806772;--paper:#fcf7f6;--soft:#f0e6e7;--line:#e3d3d8;--accent:#eebfc8;--accent-ink:#572933;--deep:#46252e;--motif:repeating-linear-gradient(90deg,transparent 0 23px,#512c3710 23px 24px);--motif-size:48px 48px;--radius:3px}
html[data-theme=seni]{--ink:#43325d;--muted:#7a6d88;--paper:#fcf8ff;--soft:#f0e7f8;--line:#e1d3eb;--accent:#d9b5fc;--accent-ink:#41215e;--deep:#382448;--motif:radial-gradient(circle at 70% 30%,#9260bf15 15%,transparent 16%),radial-gradient(circle at 20% 70%,#9260bf12 20%,transparent 21%);--motif-size:100px 100px;--radius:28px}
html[data-theme=sains]{--ink:#234a30;--muted:#65816b;--paper:#f8fbf3;--soft:#eaf1df;--line:#d3e1c9;--accent:#c2e591;--accent-ink:#284625;--deep:#264b32;--motif:radial-gradient(ellipse at 0% 0%,#2b6e3610 40%,transparent 41%);--motif-size:36px 36px;--radius:22px}
html[data-theme=pendidikan]{--ink:#603d32;--muted:#886f65;--paper:#fffbf5;--soft:#f8ece3;--line:#ecdad0;--accent:#ffbc9e;--accent-ink:#643a29;--deep:#52382e;--motif:radial-gradient(circle at 50% 50%,#ce784710 25%,transparent 26%);--motif-size:40px 40px;--radius:20px}
html[data-mode=dark]{--paper:#111c1a;--soft:#1b2925;--ink:#eaf1e8;--muted:#aebcb0;--line:#34443b;--deep:#0a1511;--white:#18241f}

dialog{border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);padding:32px;width:min(650px,calc(100% - 30px));max-height:90dvh;box-shadow:0 24px 120px #0003;overscroll-behavior:contain}dialog::backdrop{background:#0d211c99;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-enter .2s ease-out}.wide-dialog{width:min(1000px,calc(100% - 30px))}.theme-dialog{width:min(820px,calc(100% - 30px))}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-head .eyebrow{margin:0;font-size:9px}dialog h2{font-size:40px;margin-bottom:20px}dialog p{font-size:12px}dialog .icon-button{font-size:27px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme-option{position:relative;padding:19px 20px 19px 70px;text-align:left;background:var(--soft);border:1px solid var(--line);border-radius:12px}.theme-option.active{outline:2px solid var(--ink);outline-offset:1px}.theme-option strong{font-size:12px}.theme-option small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.swatch{width:30px;height:30px;border-radius:50%;position:absolute;left:22px;top:23px;background:linear-gradient(135deg,#193c34 50%,#d6ed9c 50%)}[data-set-theme=teknik] .swatch{background:linear-gradient(135deg,#193653 50%,#a7d5ff 50%)}[data-set-theme=kesehatan] .swatch{background:linear-gradient(135deg,#174f4d 50%,#a5e8d6 50%)}[data-set-theme=bisnis] .swatch{background:linear-gradient(135deg,#4c391c 50%,#f5ce73 50%)}[data-set-theme=hukum] .swatch{background:linear-gradient(135deg,#512c37 50%,#eebfc8 50%)}[data-set-theme=seni] .swatch{background:linear-gradient(135deg,#43325d 50%,#d9b5fc 50%)}[data-set-theme=sains] .swatch{background:linear-gradient(135deg,#234a30 50%,#c2e591 50%)}[data-set-theme=pendidikan] .swatch{background:linear-gradient(135deg,#603d32 50%,#ffbc9e 50%)}.dialog-settings{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.compare-selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.compare-selectors select{width:100%;font-size:11px}.table-scroll{overflow:auto;margin-bottom:25px}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;vertical-align:top;padding:17px;border-bottom:1px solid var(--line);min-width:150px}th{background:var(--soft);font-weight:700}td:first-child,th:first-child{min-width:130px}.quiz-options{display:grid;gap:10px;margin:25px 0}.quiz-option{display:flex;text-align:left;align-items:center;gap:15px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:17px;font-size:12px}.quiz-option:hover{border-color:var(--ink)}.quiz-option>span:first-child{font-size:24px}.quiz-option.active{background:var(--accent);color:var(--accent-ink)}.quiz-progress{height:3px;background:var(--line);margin-bottom:24px}.quiz-progress span{display:block;height:3px;background:var(--ink);transition:width .3s}.quiz-step{font-size:10px;margin:0 0 15px}.quiz-disclaimer{display:block;font-size:9px;color:var(--muted);margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.quiz-result{padding:20px;border:1px solid var(--line);border-radius:12px;display:block;margin-bottom:12px}.quiz-result h3{font-size:18px;margin-bottom:8px}.quiz-result p{font-size:11px;margin-bottom:8px}.quiz-result .text-link{font-size:10px}.search-result{display:block;padding:15px 4px;border-bottom:1px solid var(--line)}.search-result small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.search-result strong{font-size:13px}.search-result:hover{background:var(--soft)}#search-results{margin-top:20px}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:11px;padding:13px 20px;border-radius:40px;z-index:100;width:max-content;max-width:90vw;text-align:center}

.campus-storefront{font-family:'Plus Jakarta Sans',sans-serif;background:var(--paper)}.campus-storefront .announcement{display:flex;justify-content:center;gap:25px;background:var(--deep);letter-spacing:.04em}.campus-storefront .announcement a{color:var(--accent)}.campus-storefront .utility,.campus-storefront .header,.campus-storefront .shop-nav{background:var(--paper);color:var(--ink);border-color:var(--line)}.campus-storefront .utility{max-width:1440px;margin:auto;padding:12px 36px;display:flex;justify-content:space-between;font-size:9px}.utility>div{display:flex;gap:20px}.header-tools{display:flex;align-items:center;gap:14px;margin-left:auto}.theme-trigger,.hero-chat,.campus-footer-controls button{background:transparent;border:0;color:var(--ink);font-size:11px}.theme-trigger{display:flex;gap:8px;align-items:center}.theme-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--ink);background:var(--accent)}.icon-button{display:inline-grid;place-items:center;background:transparent;border:0;width:35px;height:35px;font-size:23px;border-radius:50%;color:var(--ink)}.menu-toggle{display:none}.campus-storefront .header-search{background:var(--soft);border-color:var(--line)}.campus-storefront .header-search input,.campus-storefront .header-search button{color:var(--ink)}.campus-storefront .shop-nav a[aria-current]{color:var(--deep)}.campus-storefront .campaign{margin-top:25px}.campus-storefront .campaign-window{border-radius:18px;overflow:hidden;border:1px solid var(--line)}.campus-storefront .campaign-slide{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);min-height:510px}.campus-storefront .campaign-copy{padding:50px 45px;display:flex;flex-direction:column;justify-content:center}.campus-storefront .campaign-copy h1,.campus-storefront .campaign-copy h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(34px,3.8vw,58px);line-height:1.1;font-weight:750;letter-spacing:-.06em;color:var(--ink);margin:22px 0}.campus-storefront .campaign-copy p{font-size:12px;color:var(--muted);max-width:370px}.campus-storefront .campaign-tag{font-size:9px;letter-spacing:.11em;font-weight:650;color:var(--ink)}.campaign-tag i{background:var(--deep)!important}.campaign-footnote{font-size:8px;letter-spacing:.13em;margin-top:34px;color:var(--muted)}.campus-storefront .campaign-media{position:relative;min-height:510px;overflow:hidden}.campus-storefront .campaign-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;padding:0}.campus-storefront .campaign-sticker{position:absolute;right:25px;top:35px;background:var(--accent);color:var(--accent-ink);transform:rotate(7deg);padding:22px;font-size:20px;font-weight:750;border-radius:14px;animation:campus-float 6s ease-in-out infinite}.campaign-sticker i{display:block;font-style:normal;text-align:right;font-size:25px}.campus-storefront .floating-label{position:absolute;bottom:25px;left:25px;background:var(--paper);color:var(--ink);padding:12px 19px;border-radius:35px;font-size:10px}.floating-label i{font-style:normal;font-size:16px;margin-right:8px}.campaign-controls{padding:18px 0;display:flex;justify-content:space-between;align-items:center}.campaign-controls .slide-dots button[aria-pressed=true] span{background:var(--deep)}.campaign-controls #campus-autoplay{width:auto;padding:0 12px;font-size:9px;border-radius:25px;background:var(--paper);color:var(--ink)}.campus-storefront .button,.campus-storefront .edit-tabs button.is-selected{background:var(--deep);color:#fff;border-color:var(--deep)}.campus-storefront .energy-marquee{background:var(--soft);color:var(--ink);border-color:var(--line)}.campus-storefront .discovery-categories{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.campus-storefront .category-art{background:var(--soft);color:var(--deep);height:115px}.campus-storefront .category-art>span{font-size:54px}.campus-storefront .discovery-item strong{font-size:10px}.quiz-discovery{border:0;padding:0;background:transparent;color:var(--ink);font:inherit}.campus-storefront .products{grid-template-columns:repeat(4,minmax(0,1fr))}.campus-storefront .product-card{background:var(--paper);border-color:var(--line)}.campus-storefront .product-card:hover{border-color:var(--deep)}.campus-storefront .product-image{position:relative;aspect-ratio:1.2;display:block;background:var(--soft)}.campus-storefront .product-image img{object-fit:cover;padding:0;width:100%;height:100%}.campus-storefront .badge{background:var(--paper);color:var(--ink);font-size:7px}.campus-storefront .product-body h3{color:var(--ink);min-height:0;font-size:16px}.campus-storefront .product-description{display:block;font-size:10px;line-height:1.7;min-height:85px;color:var(--muted)}.campus-storefront .card-availability{color:var(--muted);font-size:9px}.compare-check{display:flex;gap:7px;align-items:center;font-size:9px;margin-top:14px}.compare-check input{accent-color:var(--deep)}.campus-storefront .product-link{color:var(--ink);border-color:var(--line)}.campus-storefront .section-heading h2,.campus-storefront .mood-card h2,.campus-storefront .care h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;letter-spacing:-.05em}.campus-storefront .section-heading h2 em{color:var(--muted)}.campus-storefront .section-heading h2>span,.campus-storefront .eyebrow{color:var(--ink)}.campus-storefront .section-heading>a{color:var(--ink)}.campus-storefront .mood-card{background:var(--soft);color:var(--ink);border:1px solid var(--line);text-align:left}.campus-storefront .mood-purple{background:var(--accent);color:var(--accent-ink)}.campus-storefront .mood-card p{color:inherit;opacity:.8}.campus-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.campus-stories>.product-card>img,.campus-stories>.product-card>a>img{width:100%;height:225px;object-fit:cover}.campus-stories p{font-size:11px;color:var(--muted)}.campus-storefront .care{background:var(--soft);color:var(--ink);border-radius:15px;padding:45px;margin-top:55px}.campus-storefront .care p{color:var(--muted)}.campus-storefront .footer{color:var(--ink);border-color:var(--line)}.campus-footer-controls{display:grid;gap:8px}.campus-footer-controls button{text-align:left;padding:0;font-size:10px}.compare-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;background:var(--paper);padding:10px 15px 10px 23px;border:1px solid var(--line);border-radius:50px;z-index:40;box-shadow:0 8px 35px #0002;font-size:11px}.compare-dock .button{font-size:10px;padding:9px 15px;border-radius:40px}.campus-storefront .reveal{opacity:1;transition:opacity .5s,transform .5s}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(20px)}.motion-paused *,.tab-hidden *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.theme-option.active{outline-color:var(--ink)}html[data-mode=dark] .campus-storefront .category-art,html[data-mode=dark] .campus-storefront .mood-card{background:var(--soft);color:var(--ink)}html[data-mode=dark] .campus-storefront .button{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}html[data-mode=dark] .campus-storefront .theme-dot{border-color:var(--accent)}@keyframes campus-float{50%{transform:translateY(-10px) rotate(7deg)}}
@media(max-width:1000px){.header-tools{gap:10px}.header-tools .store-account-link{display:none}.campus-storefront .campaign-copy{padding:35px 30px}.campus-storefront .discovery-categories{grid-template-columns:repeat(4,1fr)}.campus-storefront .products{grid-template-columns:repeat(3,1fr)}.campus-storefront .campaign-slide,.campus-storefront .campaign-media{min-height:470px}}
@media(max-width:700px){.campus-storefront .announcement{font-size:8px;padding:10px;gap:15px}.campus-storefront .utility{padding:10px 20px;font-size:8px}.utility>div{display:none}.campus-storefront .header{flex-wrap:wrap;padding:18px 20px;gap:14px}.campus-storefront .brand{font-size:19px}.campus-storefront .brand small{font-size:7px}.campus-storefront .header-search{order:3;width:100%;flex:auto}.theme-trigger{font-size:9px;padding:0}.campus-storefront .header-tools{gap:7px}.menu-toggle{display:block;background:none;color:var(--ink);border:0;font-size:20px}.campus-storefront .shop-nav>div{gap:18px;font-size:10px;flex-wrap:nowrap;overflow:auto;padding:13px 20px}.campus-storefront .shop-nav.is-open>div{flex-wrap:wrap}.campus-storefront .campaign{margin-top:20px}.campus-storefront .campaign-slide{grid-template-columns:1fr}.campus-storefront .campaign-copy{padding:30px 25px}.campus-storefront .campaign-copy h1,.campus-storefront .campaign-copy h2{font-size:38px}.campus-storefront .campaign-copy p{font-size:11px}.campus-storefront .actions{margin-top:20px;gap:15px}.campus-storefront .button{font-size:11px;padding:12px 17px}.hero-chat{font-size:9px}.campaign-footnote{margin-top:25px;font-size:7px}.campus-storefront .campaign-media{min-height:320px}.campus-storefront .campaign-sticker{font-size:18px;padding:17px;right:20px;top:25px}.campus-storefront .floating-label{bottom:18px;left:18px;font-size:9px}.campus-storefront .discovery-categories{gap:12px}.campus-storefront .category-art{height:90px}.campus-storefront .category-art>span{font-size:36px}.campus-storefront .discovery-item strong{font-size:8px}.campus-storefront .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.campus-storefront .product-body{padding:13px}.campus-storefront .product-body h3{font-size:13px}.campus-storefront .product-description{font-size:9px;min-height:100px}.campus-storefront .product-card .badge{font-size:6px;padding:4px 6px}.compare-check{font-size:8px;align-items:start}.compare-check input{margin:0}.campus-storefront .section-heading h2{font-size:27px}.campus-storefront .edit-tabs button{font-size:9px;padding:9px 12px}.campus-storefront .edit-toolbar>span{font-size:8px;max-width:100px;text-align:right}.campus-stories{grid-template-columns:1fr;gap:20px}.campus-storefront .care{padding:30px 25px;border-radius:12px;margin-inline:20px}.campus-storefront .care h2{font-size:28px}.compare-dock{width:calc(100% - 30px);justify-content:space-between;gap:8px;padding:8px 12px;font-size:9px}.compare-dock .button{font-size:9px;padding:9px 13px}.campus-storefront .footer{gap:25px}.campus-storefront .footer>div{min-width:140px}.campus-storefront .campaign-controls{padding:13px 0}.slide-navigation>span{margin-right:0;font-size:8px}.campaign-controls #campus-autoplay{font-size:8px;padding-inline:8px}.campaign-controls .slide-dots{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1!important;transform:none!important}}
body.campus-storefront .campaign .campaign-copy :is(h1,h2){color:var(--ink)}body.campus-storefront .shop-nav .nav-highlight,body.campus-storefront .shop-nav a:first-child span{color:var(--ink)}dialog .button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}dialog .button.small{padding:10px 16px;font-size:11px}dialog .button-row{display:flex;gap:10px;flex-wrap:wrap}.campus-storefront .toast{background:var(--ink);color:var(--paper)}
body.campus-storefront .brand-wordmark{color:var(--ink)}