@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";.omr-separator-container{width:100%;position:relative;background:#020617;overflow:hidden;-webkit-user-select:none;user-select:none;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.05);padding:14px 0 16px;box-sizing:border-box;cursor:crosshair}.omr-separator-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(244,63,94,.05) 0%,transparent 80%);pointer-events:none;z-index:1}.omr-ruler-track{width:100%;height:14px;position:relative;overflow:hidden;margin-bottom:10px;mask-image:linear-gradient(90deg,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 15%,black 85%,transparent 100%);opacity:.65;transition:opacity .3s ease}.omr-separator-container:hover .omr-ruler-track{opacity:1}.omr-ruler-svg{width:100%;height:100%;display:block}.omr-matrix-wrapper{position:relative;z-index:2;width:100%;max-width:1360px;margin:0 auto;padding:0 clamp(16px,3vw,40px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px}.omr-timing-margin{display:flex;align-items:center;gap:8px;flex-shrink:0}.omr-timing-bar-vert{width:2px;height:28px;background:#64748b;border-radius:1px}.omr-timing-block{width:16px;height:7px;background:#94a3b8;border-radius:1px;box-shadow:0 0 4px #ffffff26}.omr-timing-slash{width:12px;height:2px;background:#0284c7;transform:rotate(-45deg);border-radius:1px}.omr-sheet-strip{display:flex;align-items:center;gap:clamp(8px,1.2vw,18px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 6px;border-radius:4px;transition:all .3s ease}.omr-sheet-strip::-webkit-scrollbar{display:none}.omr-cell{display:flex;align-items:center;background:#f43f5e08;border:1px solid rgba(244,63,94,.55);border-radius:3px;padding:3px 8px 3px 7px;gap:7px;box-shadow:inset 0 0 6px #f43f5e0f;transition:all .25s ease;position:relative;flex-shrink:0}.omr-cell:hover{border-color:#f43f5e;background:#f43f5e14;box-shadow:0 0 14px #f43f5e59,inset 0 0 8px #f43f5e26;transform:translateY(-1px)}.omr-q-num{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:11px;font-weight:700;color:#fb7185;padding-right:6px;border-right:1px solid rgba(244,63,94,.35);letter-spacing:-.02em}.omr-bubble-group{display:flex;align-items:center;gap:5px}.omr-bubble-col{display:flex;flex-direction:column;align-items:center;gap:2px}.omr-bubble{width:15px;height:15px;border-radius:50%;border:1px solid rgba(244,63,94,.85);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:8.5px;font-weight:700;color:#fda4af;background:transparent;transition:all .2s ease;cursor:pointer}.omr-bubble--shaded{background:#0f172a;border-color:#f43f5e;color:#fff;box-shadow:inset 0 0 4px #020617,0 0 6px #f43f5e66;position:relative}.omr-bubble--shaded:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#334155 30%,#0f172a)}.omr-bubble--shaded span{position:relative;z-index:1;opacity:.9}.omr-bubble-tick{width:9px;height:1px;background:#f43f5e73}.omr-meta-bar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;max-width:1360px;margin:8px auto 0;padding:0 clamp(16px,3vw,40px);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;opacity:.75}.omr-meta-left{display:flex;align-items:center;gap:12px}.omr-meta-pill{background:#f43f5e1a;color:#fb7185;border:1px solid rgba(244,63,94,.25);padding:1px 6px;border-radius:3px;font-size:8px;font-weight:600}.omr-meta-right{display:flex;align-items:center;gap:14px}.omr-laser-scan{position:absolute;top:0;bottom:0;left:-20%;width:120px;background:linear-gradient(90deg,transparent 0%,rgba(244,63,94,.15) 40%,rgba(56,189,248,.5) 50%,rgba(244,63,94,.15) 60%,transparent 100%);box-shadow:0 0 25px #38bdf866;pointer-events:none;opacity:0;z-index:3;transition:opacity .3s ease}.omr-separator-container:hover .omr-laser-scan{opacity:1;animation:omrLaserSweep 3.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes omrLaserSweep{0%{left:-15%}to{left:115%}}@media (max-width: 768px){.omr-meta-bar{font-size:7.5px;letter-spacing:.06em}.omr-timing-margin{display:none}}.cardboard-footer{margin-top:auto;width:100%;background:#020617;color:#fff;position:relative;overflow:hidden;font-family:var(--font-sans);box-sizing:border-box}.cardboard-footer__glow{position:absolute;bottom:-40px;left:0;right:0;height:480px;background:radial-gradient(ellipse 80% 90% at 50% 100%,rgba(29,78,216,.45) 0%,rgba(15,23,42,.7) 50%,rgba(2,6,23,.95) 85%,transparent 100%);pointer-events:none;z-index:1}.cardboard-footer:before{content:"";position:absolute;bottom:0;left:25%;width:50%;height:220px;background:radial-gradient(ellipse at 50% 100%,rgba(56,189,248,.22) 0%,transparent 70%);pointer-events:none;z-index:1}.cardboard-footer__container{position:relative;z-index:2;width:100%;max-width:100%;margin:0 auto;padding:72px clamp(32px,5vw,96px) 32px clamp(32px,5vw,96px);box-sizing:border-box}.cardboard-footer__top{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(32px,4vw,64px);margin-bottom:32px}.cardboard-footer__hero{flex:0 0 clamp(280px,32%,420px);max-width:420px}.cardboard-footer__headline{font-family:Playfair Display,Georgia,Cambria,Times New Roman,serif;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.15;letter-spacing:-.02em;color:#fff;margin:0 0 24px}.cardboard-footer__icons{display:flex;align-items:center;gap:12px}.cardboard-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;text-decoration:none;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cardboard-icon-btn:hover{background:#ffffff26;border-color:#ffffff47;color:#fff;transform:translateY(-1px)}.cardboard-icon-btn:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}.cardboard-footer__nav-grid{flex:1;display:flex;justify-content:flex-end;gap:clamp(24px,3.5vw,60px)}.cardboard-nav-col{display:flex;flex-direction:column;min-width:130px;height:230px;max-height:230px;box-sizing:border-box}.cardboard-nav-title{font-size:.92rem;font-weight:600;color:#fff;margin:0 0 14px;height:20px;flex-shrink:0;letter-spacing:.01em}.cardboard-nav-list{list-style:none;padding:0 8px 0 0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;max-height:195px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.cardboard-nav-list::-webkit-scrollbar{width:4px}.cardboard-nav-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.cardboard-nav-list::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}.cardboard-nav-list::-webkit-scrollbar-thumb:hover{background:#38bdf899}.cardboard-nav-list a{color:#94a3b8;text-decoration:none;font-size:.88rem;line-height:1.4;transition:color .15s ease,transform .15s ease;display:inline-block}.cardboard-nav-list a:hover{color:#fff;transform:translate(2px)}.cardboard-nav-list a:focus-visible{outline:2px solid #38bdf8;outline-offset:3px;border-radius:2px}.cardboard-watermark-wrap{position:relative;width:100%;text-align:center;overflow:hidden;margin-top:36px;padding:38px 0 16px;border-top:1px solid rgba(255,255,255,.08);cursor:default;--mouse-x: -999;--mouse-y: -999;--mouse-active: 0}.cardboard-watermark-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(220px circle at calc(var(--mouse-x, -999) * 1px) calc(var(--mouse-y, -999) * 1px),rgba(56,189,248,.35) 0%,rgba(37,99,235,.18) 38%,rgba(29,78,216,.06) 60%,transparent 72%);opacity:var(--mouse-active, 0);transition:opacity .25s ease;pointer-events:none;filter:blur(14px);z-index:1}.cardboard-watermark-text{position:relative;z-index:2;display:inline-block;font-family:Playfair Display,Georgia,Cambria,Times New Roman,serif;font-size:clamp(68px,16vw,240px);font-weight:400;letter-spacing:-.04em;line-height:.88;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#94a3b833,#47556924 55%,#1e293b14);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cardboard-watermark-torch{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3;opacity:var(--mouse-active, 0);transition:opacity .2s ease;mask-image:radial-gradient(190px circle at calc(var(--mouse-x, -999) * 1px) calc(var(--mouse-y, -999) * 1px),black 0%,rgba(0,0,0,.95) 28%,rgba(0,0,0,.4) 52%,transparent 72%);-webkit-mask-image:radial-gradient(190px circle at calc(var(--mouse-x, -999) * 1px) calc(var(--mouse-y, -999) * 1px),black 0%,rgba(0,0,0,.95) 28%,rgba(0,0,0,.4) 52%,transparent 72%)}.cardboard-watermark-torch-text{font-family:Playfair Display,Georgia,Cambria,Times New Roman,serif;font-size:clamp(68px,16vw,240px);font-weight:400;letter-spacing:-.04em;line-height:.88;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#fff,#e0f2fe,#93c5fd 72%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(255,255,255,.85)) drop-shadow(0 0 32px rgba(56,189,248,.8))}.cardboard-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:24px;font-size:.82rem;color:#64748b;position:relative;z-index:3}.cardboard-bottom-copy,.cardboard-bottom-credit{color:#64748b}.cardboard-bottom-credit a{color:#94a3b8;text-decoration:none;font-weight:500;transition:color .15s ease}.cardboard-bottom-credit a:hover{color:#fff;text-decoration:underline}@media (max-width: 960px){.cardboard-footer__top{flex-direction:column;gap:40px}.cardboard-footer__hero{max-width:100%;flex:1 1 100%}.cardboard-footer__nav-grid{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:32px}.cardboard-nav-col{min-width:45%}}:root{--color-primary: #0e9f6e;--color-primary-dark: #0b7d57;--color-primary-soft: #e3f6ee;--color-primary-darker: #095f43;--color-primary-softer: #f1faf6;--color-on-primary: #ffffff;--color-secondary: #1e2a32;--color-secondary-dark: #182228;--color-secondary-soft: #e4e5e6;--color-on-secondary: #ffffff;--color-accent: #ff7a59;--color-accent-soft: #ffe8e1;--color-amber: #f6a609;--color-amber-soft: #fdf1d6;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-surface-active: #e2e8f0;--color-ink: #0f172a;--color-ink-muted: #475569;--color-ink-faint: #94a3b8;--color-border: #e2e8f0;--color-border-dark: #cbd5e1;--color-success: #0e9f6e;--color-success-soft: #e3f6ee;--color-danger: #e03e3e;--color-danger-soft: #fde7e7;--color-info: #2b7fff;--color-info-soft: #e4efff;--color-warning: #f59e0b;--color-warning-soft: #fef3c7;--row-height-compact: 28px;--row-height-normal: 34px;--row-height-comfortable: 42px;--row-height: var(--row-height-normal);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 36px;--space-8: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .05);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-ink);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-muted)}.sidebar-nav-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;scroll-behavior:smooth}.sidebar-nav-scroll::-webkit-scrollbar{width:5px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.sidebar-nav-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{color:var(--color-primary-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:6px 12px;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-surface);color:var(--color-ink);border-color:var(--color-border-dark)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-ink-faint)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-ghost{color:var(--color-ink-muted)}.btn-ghost:hover{background-color:var(--color-surface-hover);color:var(--color-ink)}.btn-sm{padding:3px 8px;font-size:var(--font-size-xs)}.btn-icon{padding:6px;border-radius:var(--radius-sm)}.input,.select,.textarea{width:100%;padding:6px 10px;font-size:var(--font-size-base);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.input:disabled,.select:disabled,.textarea:disabled{background-color:var(--color-surface-active);color:var(--color-ink-faint);cursor:not-allowed}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);margin-bottom:var(--space-1)}.form-hint{font-size:var(--font-size-xs);color:var(--color-ink-faint);margin-top:var(--space-1)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--font-size-xs);font-weight:600;border-radius:9999px;text-transform:capitalize;line-height:1.2}.badge-success{background-color:var(--color-success-soft);color:var(--color-primary-dark)}.badge-danger{background-color:var(--color-danger-soft);color:var(--color-danger)}.badge-warning{background-color:var(--color-warning-soft);color:#b45309}.badge-info{background-color:var(--color-info-soft);color:var(--color-info)}.badge-neutral{background-color:var(--color-surface-active);color:var(--color-ink-muted)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-size-base)}.data-table th{position:sticky;top:0;background:#f1f5f9;color:var(--color-ink-muted);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;padding:8px 12px;border-bottom:1px solid var(--color-border-dark);z-index:10;white-space:nowrap}.data-table td{padding:6px 12px;border-bottom:1px solid var(--color-border);color:var(--color-ink);height:var(--row-height);white-space:nowrap}.data-table tbody tr:hover{background-color:var(--color-surface-hover)}.data-table tbody tr.selected{background-color:var(--color-primary-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:999;padding:var(--space-4)}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .15s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);background:var(--color-bg)}.tabs-nav{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab-btn{padding:8px 16px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-ink-muted);border-bottom:2px solid transparent;transition:all .15s ease}.tab-btn:hover{color:var(--color-ink)}.tab-btn.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);font-weight:600}.kv-grid{display:grid;grid-template-columns:160px 1fr;row-gap:var(--space-3);column-gap:var(--space-4);font-size:var(--font-size-base)}.kv-key{color:var(--color-ink-muted);font-weight:500}.kv-val{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all}