.office-root{background:#1a1614;position:fixed;inset:0;overflow:hidden}.office-root canvas{touch-action:none;cursor:grab;display:block;width:100%!important;height:100%!important}.office-root canvas:active{cursor:grabbing}.office-loader{z-index:20;background:#1a1614;place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.office-loader.is-done{opacity:0;pointer-events:none}.office-loader-inner{text-align:center;color:#e8ddcf;letter-spacing:.04em;width:min(280px,60vw);font-size:.8rem}.office-loader-bar{background:#e8ddcf2e;border-radius:2px;height:2px;margin-top:.85rem;overflow:hidden}.office-loader-fill{background:#ffb659;height:100%;transition:width .25s}.oc{bottom:max(1.1rem, env(safe-area-inset-bottom));z-index:30;backdrop-filter:blur(18px)saturate(1.3);color:#ece3d6;background:#100d0c99;border:.5px solid #ffffff29;border-radius:16px;align-items:center;gap:.9rem;padding:.5rem .7rem;font-size:.8rem;display:flex;position:absolute;box-shadow:0 10px 40px -16px #0009,inset 0 1px #ffffff14}.oc-nav-dock{left:50%;transform:translate(-50%)}.oc-radio-dock{left:max(1.1rem, env(safe-area-inset-left))}.oc-sec{align-items:center;display:flex}.oc-divider{background:#ffffff1f;width:1px;height:1.9rem}.oc-radio{gap:.6rem}.oc-play{color:#f3eadc;cursor:pointer;background:#ffffff12;border:.5px solid #ffffff38;border-radius:50%;flex-shrink:0;place-items:center;width:2.3rem;height:2.3rem;font-size:.78rem;line-height:1;transition:background .2s,transform .1s;display:grid}.oc-play:hover{background:#ffffff24}.oc-play:active{transform:scale(.95)}.oc-spinner{border:2px solid #ffffff40;border-top-color:#ffb659;border-radius:50%;width:.85rem;height:.85rem;animation:.7s linear infinite oc-spin}@keyframes oc-spin{to{transform:rotate(360deg)}}.oc-radio-meta{min-width:0}.oc-radio-title{white-space:nowrap;align-items:center;gap:.45rem;font-weight:500;display:flex}.oc-live{letter-spacing:.12em;color:#ff6b4a;font-size:.58rem;font-weight:600;animation:1.8s ease-in-out infinite oc-pulse}@keyframes oc-pulse{0%,to{opacity:1}50%{opacity:.45}}.oc-radio-sub{color:#ece3d68c;white-space:nowrap;margin-top:.08rem;font-size:.68rem}.oc-vol{appearance:none;cursor:pointer;background:linear-gradient(to right, #ffc27a 0%, #ffc27a var(--pct,50%), #ffffff2e var(--pct,50%));border-radius:2px;outline:none;flex-shrink:0;width:3.75rem;height:3px}.oc-vol::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ffd7a0;border:none;border-radius:50%;width:11px;height:11px}.oc-vol::-moz-range-thumb{cursor:pointer;background:#ffd7a0;border:none;border-radius:50%;width:11px;height:11px}.oc-views{gap:.5rem}.oc-key{appearance:none;color:#f1e7d8;cursor:pointer;background:#ffffff0f;border:.5px solid #ffffff47;border-bottom-width:2px;border-radius:6px;flex-shrink:0;place-items:center;min-width:1.75rem;height:1.75rem;padding:0 .35rem;font-size:.85rem;line-height:1;transition:background .18s,transform 80ms;display:grid}.oc-key:hover{background:#ffffff24}.oc-key:active{transform:translateY(1px)}.oc-chips{scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:.25rem;max-width:min(30rem,44vw);display:flex;overflow-x:auto}.oc-chips::-webkit-scrollbar{display:none}.oc-chip{appearance:none;color:#ece3d69e;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:.42rem .62rem;font-size:.76rem;line-height:1;transition:color .18s,background .18s;display:inline-flex}.oc-chip:hover{color:#fff;background:#ffffff12}.oc-chip.is-active{color:#1a1410;background:#ffc27a;font-weight:500}.oc-actions{gap:.3rem}.oc-text{appearance:none;color:#ece3d6b3;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:.4rem .55rem;font-size:.76rem;text-decoration:none;transition:color .2s,background .2s}.oc-text:hover{color:#fff;background:#ffffff14}.oc-exit{color:#ece3d6}.office-hint{bottom:calc(4.5rem + env(safe-area-inset-bottom));z-index:30;color:#e8ddcf;letter-spacing:.05em;opacity:.7;backdrop-filter:blur(8px);pointer-events:none;background:#14100e66;border-radius:999px;padding:.4rem .8rem;font-size:.75rem;animation:.5s both office-hint-in;position:absolute;left:50%;transform:translate(-50%)}@keyframes office-hint-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:.7;transform:translate(-50%)}}@media (width<=520px){.oc{flex-wrap:wrap;justify-content:center;gap:.45rem .6rem;max-width:calc(100vw - 1.25rem);padding:.45rem .6rem;font-size:.75rem}.oc-radio-dock{top:max(.9rem, env(safe-area-inset-top));bottom:auto;left:max(.9rem, env(safe-area-inset-left))}.oc-divider,.oc-radio-sub{display:none}.oc-radio{gap:.5rem}.oc-views{justify-content:center;gap:.4rem;width:100%}.oc-chips{max-width:calc(100vw - 7rem)}.oc-play{width:2.5rem;height:2.5rem}.oc-key{min-width:2.5rem;height:2.5rem}.oc-chip{min-height:2.75rem;padding:.5rem .7rem;font-size:.8rem}.oc-text{padding:.5rem .55rem}.office-hint{bottom:calc(6rem + env(safe-area-inset-bottom));text-align:center;max-width:calc(100vw - 2rem);font-size:.7rem;line-height:1.4}}@media (prefers-reduced-motion:reduce){.office-hint,.oc-spinner{animation:none}}