.oc{--glass-bg:rgba(255,255,255,.72);--glass-line:rgba(255,255,255,.85);--glass-shine:rgba(255,255,255,.9);font-family:var(--font-text-src,var(--font-text));color:var(--text);background-color:var(--bg);background-image:radial-gradient(640px 320px at 16% -4%,var(--accent-subtle),transparent 70%),radial-gradient(560px 300px at 92% -8%,var(--accent-subtle),transparent 72%);background-repeat:no-repeat;min-height:100vh;min-height:100dvh;margin:0}[data-theme=dark] .oc{--glass-bg:rgba(27,40,34,.72);--glass-line:rgba(255,255,255,.14);--glass-shine:rgba(255,255,255,.08)}.oc *{box-sizing:border-box}.oc a{text-decoration:none;color:inherit}.oc :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oc-top{position:sticky;top:0;z-index:20;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-5);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.oc-brand,.oc-top{display:flex;align-items:center}.oc-brand{gap:var(--space-2);min-height:var(--tap-min)}.oc-logo{width:32px;height:32px;border-radius:var(--radius-s);background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.oc-logo svg{display:block}.oc-tt{font-size:var(--text-lg);font-weight:700;color:var(--text)}.oc-top-r{gap:var(--space-2)}.oc-theme,.oc-top-r{display:flex;align-items:center}.oc-theme{width:var(--tap-min);height:var(--tap-min);border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);justify-content:center;cursor:pointer;transition:color .18s,border-color .18s}.oc-theme:hover{color:var(--accent);border-color:var(--accent)}.oc-theme svg{display:block}.oc-theme .moon,[data-theme=dark] .oc-theme .sun{display:none}[data-theme=dark] .oc-theme .moon{display:block}.oc-hero{max-width:1180px;margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-4);text-align:center}.oc-hero h1{font-family:var(--font-display-src,var(--font-display));text-transform:uppercase;letter-spacing:.015em;font-size:var(--text-3xl);font-weight:600;color:var(--text);margin:0 0 var(--space-3)}.oc-hero p{font-size:var(--text-base);color:var(--text-muted);max-width:54ch;margin:0 auto var(--space-5);line-height:var(--leading-body)}.oc-search{position:relative;max-width:600px;margin:0 auto}.oc-search-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex}.oc-search-in{width:100%;min-height:52px;padding:0 46px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-family:inherit;font-size:var(--text-base);color:var(--text);box-shadow:var(--shadow-card);transition:border-color .18s,box-shadow .18s}.oc-search-in::placeholder{color:var(--text-muted)}.oc-search-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.oc-search-in:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.oc-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .18s,background .18s}.oc-search-clear:hover{color:var(--text);background:var(--accent-subtle)}.oc-search-clear svg{display:block}.oc-filters{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-top:var(--space-4)}.oc-filter{min-height:var(--tap-min);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.oc-filter:hover{border-color:var(--accent);color:var(--accent)}.oc-filter.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.oc-recent{max-width:1180px;margin:0 auto;padding:var(--space-4) var(--space-5) 0;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.oc-recent-l{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex:0 0 auto}.oc-recent-row{display:flex;gap:var(--space-2);flex-wrap:wrap;min-width:0}.oc-recent-chip{min-height:34px;display:inline-flex;align-items:center;padding:0 var(--space-3);border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:500;transition:border-color .18s,color .18s}.oc-recent-chip:hover{border-color:var(--accent);color:var(--accent)}.oc-main{max-width:1180px;margin:0 auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-8)}.oc-chip-neutral{--chipbg:color-mix(in srgb,var(--text) 6%,var(--surface));--chipink:var(--text);--chipbd:var(--border)}.oc-chip-sky{--chipbg:var(--chip-sky-bg,#D9E7F5);--chipink:var(--chip-sky-ink,#0047AB);--chipbd:transparent}.oc-chip-emerald{--chipbg:color-mix(in srgb,var(--accent) 11%,var(--surface));--chipink:var(--accent);--chipbd:transparent}.oc-chip-lavender{--chipbg:var(--chip-lavender-bg,#E7E3FC);--chipink:var(--chip-lavender-ink,#4436B4);--chipbd:transparent}[data-theme=dark] .oc-chip-neutral{--chipbg:color-mix(in srgb,var(--text) 10%,var(--surface))}[data-theme=dark] .oc-chip-emerald{--chipbg:color-mix(in srgb,var(--accent) 15%,var(--surface))}.oc-sec{min-width:0}.oc-sec-h{margin-bottom:var(--space-4)}.oc-sec-title{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.oc-sec-chip{width:44px;height:44px;border-radius:var(--radius-m);background:var(--chipbg);color:var(--chipink);border:1px solid var(--chipbd,transparent);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.oc-sec-chip svg{display:block}.oc-sec-tt{margin:0;font-size:var(--text-xl,var(--text-lg));font-weight:700;color:var(--text);line-height:1.2}a.oc-sec-link .oc-sec-tt{transition:color .18s}.oc-sec-linkarr,a.oc-sec-link:hover .oc-sec-tt{color:var(--accent)}.oc-sec-linkarr{flex:0 0 auto;opacity:.65;transition:opacity .18s}a.oc-sec-link:hover .oc-sec-linkarr{opacity:1}.oc-sec-sub{display:block;margin-top:6px;font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.oc-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width:900px){.oc-tools{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.oc-tools{grid-template-columns:1fr}}.oc-tool{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-card);min-width:0;transition:box-shadow .18s,transform .18s,border-color .18s}a.oc-tool:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised);border-color:var(--accent)}.oc-tool.is-soon{opacity:.7}.oc-tool-ic{width:40px;height:40px;border-radius:var(--radius-s);background:var(--chipbg);color:var(--chipink);border:1px solid var(--chipbd,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);flex:0 0 auto}.oc-tool-ic svg{display:block}.oc-tool-t{font-size:var(--text-base);font-weight:600;color:var(--text);line-height:1.3;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.oc-tool-d{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin-top:6px}.oc-badge{font-size:var(--text-xs);font-weight:700;border-radius:6px;padding:2px 8px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--warning);border:1px solid var(--border)}.oc-groups{display:flex;flex-direction:column;gap:var(--space-5)}.oc-group-h{margin:0 0 var(--space-3);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.oc-group-h,.oc-morebtn{font-size:var(--text-sm)}.oc-morebtn{margin-top:var(--space-4);display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-family:inherit;font-weight:600;cursor:pointer;transition:border-color .18s,color .18s,background .18s}.oc-morebtn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.oc-morebtn svg{display:block}.oc-trail{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.oc-trail::-webkit-scrollbar{height:6px}.oc-trail::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.oc-trail .tst-poster.s-card{flex:0 0 170px;width:170px;scroll-snap-align:start}@media (min-width:760px){.oc-trail{overflow:visible;flex-wrap:wrap}.oc-trail .tst-poster.s-card{flex:1 1 180px;width:auto;min-width:170px}}.oc-trail-more{flex:0 0 170px;width:170px;height:200px;position:relative;display:block}.oc-trail-more-bg{position:absolute;width:68%;height:68%;border-radius:14px}.oc-trail-more-bg1{top:8px;right:9px;background:#FFDAB9;transform:rotate(7deg)}.oc-trail-more-bg2{top:10px;left:9px;background:#D9E7F5;transform:rotate(-8deg)}.oc-trail-more-bg3{bottom:8px;left:16%;width:70%;background:#FFD85F;transform:rotate(4deg)}.oc-trail-more-card{position:absolute;inset:13px;border-radius:16px;background:#E4DEFA;color:#151130;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:14px;transition:background .2s,color .2s,transform .2s}.oc-trail-more-t{font-family:var(--font-display-src,var(--font-display));font-weight:600;text-transform:uppercase;font-size:20px;line-height:1.05;letter-spacing:.4px}.oc-trail-more-arr{display:block}.oc-trail-more:hover .oc-trail-more-card{background:#17694A;color:#fff;transform:translateY(-4px)}[data-theme=dark] .oc-trail-more-card{background:#2A2C44;color:#C8BEFA}[data-theme=dark] .oc-trail-more:hover .oc-trail-more-card{background:#0F3A29;color:#fff}@media (min-width:760px){.oc-trail-more{flex:1 1 180px;width:auto;min-width:170px;height:230px}}.oc-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-8) var(--space-4)}.oc-empty,.oc-empty svg{color:var(--text-muted)}.oc-empty p{font-size:var(--text-base);max-width:46ch;margin:0;line-height:var(--leading-body)}.oc-foot{max-width:1180px;margin:var(--space-6) auto 0;padding:var(--space-6) var(--space-5) var(--space-8);border-top:1px solid var(--border)}.oc-foot-map{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media (max-width:760px){.oc-foot-map{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.oc-foot-map{grid-template-columns:1fr}}.oc-foot-col{display:flex;flex-direction:column;gap:8px;min-width:0}.oc-foot-col h4{font-size:var(--text-sm);font-weight:700;margin:0 0 4px}.oc-foot-col h4,.oc-foot-col h4 a{color:var(--text)}.oc-foot-col h4 a:hover{color:var(--accent)}.oc-foot-col a{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4;transition:color .18s}.oc-foot-all,.oc-foot-col a:hover{color:var(--accent)}.oc-foot-all{font-weight:600;margin-top:4px}.oc-foot-legal{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.oc-foot-legal a{color:var(--accent);font-weight:600}@media (max-width:560px){.oc-sec-calc:not(.is-open) .oc-tools-pin>.oc-tool:nth-child(n+4),.oc-sec-pdf:not(.is-open) .oc-tools-pin>.oc-tool:nth-child(n+7){display:none}}@media (min-width:561px){.oc-morebtn-mob{display:none}}@media (max-width:560px){.oc-hero{padding:var(--space-6) var(--space-4) var(--space-3)}.oc-hero h1{font-size:var(--text-2xl)}.oc-main{padding:var(--space-4) var(--space-3);gap:var(--space-6)}.oc-recent{padding:var(--space-3) var(--space-4) 0}.oc-sec-chip{width:40px;height:40px}.oc-sec-tt{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){.oc *,.oc :after,.oc :before{transition:none!important}.oc-trail-more:hover .oc-trail-more-card,a.oc-tool:hover{transform:none}}