:root{--ink:#232c38;--muted:#677f9e;--line:#e0e5eb;--paper:#fff;--green:#758ba7;--green-dark:#4b5d75;--blue:#4b657b;--red:#a75e52;--font:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;min-width:1040px;background:#fff;color:var(--ink);font:14px var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #69809f;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.icon{vertical-align:middle;flex-shrink:0}input,select,textarea{color:var(--ink)}input::placeholder,textarea::placeholder{color:#92a3b9}.muted{color:var(--muted)}.small{font-size:12px}.mono,.time{font-family:Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sidebar{position:fixed;inset:0 auto 0 0;width:208px;padding:34px 18px 22px;border-right:1px solid var(--line);background:#fbfbfc;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:650;letter-spacing:-.8px;padding-left:5px}.brand-mark{font:italic 29px Georgia,serif;letter-spacing:-2px;padding:6px 7px 6px 3px;border:1px solid #b5c0cf;border-radius:6px}.brand-mark span{color:#8295af}.sidebar nav{margin-top:46px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:14px 15px;margin:5px 0;border-radius:7px;font-size:13px;color:#69809f;transition:background .2s,color .2s}.nav-item .icon{width:18px;height:18px;stroke-width:1.6}.nav-item:hover{background:#eff2f5;color:#44556b}.nav-item.active{background:#e7ebf1;color:#39495d;font-weight:600}.nav-count{margin-left:auto;font:11px Consolas,monospace;color:#7a8faa}.sidebar-foot{margin-top:auto;padding-top:80px}.storage-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#8396af;padding:22px 15px 0}.storage-status i,.privacy-status i,.selection-dot{width:5px;height:5px;border-radius:50%;background:#8094ae}.app-shell{margin-left:208px}.topbar{height:73px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;gap:14px;font-size:13px;font-weight:500;color:#4f627b}.breadcrumb>span+span{color:#8699b2;font-weight:400}.topbar-right{display:flex;align-items:center;gap:24px;color:#8295af;font-size:11px}.privacy-status{display:flex;gap:7px;align-items:center}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:5px;padding:0;color:#7c90ab;transition:.18s}.icon-button:hover{background:#eceff4;color:#47586f}.icon-button .icon{width:16px;height:16px}main{max-width:1540px;padding:30px 40px 120px;margin:auto}.view{animation:enter .35s ease-out}.button{height:41px;padding:0 17px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.button .icon{width:15px;height:15px}.button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #213e2910}.primary{background:#314053;color:#fff}.primary:hover{background:#44556b}.secondary{border:1px solid #dae0e7;background:#fff;color:#586e8a}.secondary:hover{background:#f7f8fa}.text-button,.back-button{display:inline-flex;align-items:center;gap:7px;padding:5px 0;color:#7288a5;font-size:12px}.text-button .icon,.back-button .icon{width:15px;height:15px}.text-button:hover,.back-button:hover{color:#33465e}.danger{color:#a46e62}.danger:hover{color:#984c3e}.heading-actions{display:flex;gap:12px;align-items:center}.page-actions,.overview-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;min-height:40px}.overview-actions{justify-content:flex-end;margin-bottom:22px}.page-context{font-size:13px;color:#748aa6}.metrics{display:grid;grid-template-columns:1.25fr 1fr 1.1fr;gap:20px}.metric{position:relative;border:1px solid var(--line);border-radius:10px;padding:24px 27px;min-height:157px;background:#fff;overflow:hidden;box-shadow:0 4px 18px #163b2003}.metric-label{font-size:12px;color:#68809f;display:flex;justify-content:space-between;align-items:center}.metric-label>button{display:flex;align-items:center;gap:6px;color:#8093ad;font-size:11px}.metric-label .icon{width:12px;height:12px}.metric-value{display:flex;align-items:baseline;gap:9px;min-height:65px;margin-top:13px;color:#2c3a4d;font-size:41px;font-weight:350;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric-value b{font-weight:350}.metric-value small{font-size:12px;letter-spacing:0;color:#8d9fb6;font-weight:400}.metric-icon{position:absolute;right:26px;bottom:25px;color:#dae1ea}.metric-icon .icon{width:31px;height:31px;stroke-width:1}.metric-link{display:flex;gap:7px;align-items:center;font-size:10px;color:#8497b0;padding:0}.metric-link .icon{width:12px;height:12px}.unit-control{position:absolute;right:26px;bottom:25px}.unit-control select{font-size:10px;border:0;color:#748aa6;background:#f0f3f7;border-radius:4px;padding:5px 6px}.goal-card{margin:23px 0 28px;border-radius:10px;background:#f3f6f9;border:1px solid #e4e8ee;padding:22px 27px}.goal-caption{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#586d89}.goal-caption strong{font-size:24px;font-weight:400;color:#445771;font-variant-numeric:tabular-nums}.goal-caption small{font-size:12px;margin-left:3px}.goal-track{height:20px;background:#dfe5ec;border-radius:6px;overflow:hidden;margin-top:15px}.goal-track i{display:block;width:0;height:100%;border-radius:6px;background:linear-gradient(100deg,#92a3ba,#6d84a2);transition:width .85s cubic-bezier(.2,.6,.2,1)}.goal-foot{display:flex;justify-content:space-between;color:#879ab2;font-size:11px;margin-top:12px}.activity-card,.recent-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:24px 27px}.recent-card{margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:14px;font-weight:550;letter-spacing:.2px}.unit-label{font-size:10px;color:#899bb3;margin-left:9px;font-weight:400}.period-switch{display:flex;gap:3px;padding:3px;background:#f2f4f7;border-radius:6px}.period-switch button{font-size:11px;padding:6px 12px;border-radius:4px;color:#879ab2}.period-switch button.active{color:#475a73;background:white;box-shadow:0 2px 6px #28453110}.chart-summary{display:flex;gap:22px;align-items:center;margin:21px 0 7px;color:#8ea0b7;font-size:11px}.chart-summary strong{font:12px Consolas,monospace;color:#607795;margin-left:7px}.chart-timezone{margin-left:auto;font-size:9px}.plot{position:relative}.practice-plot{width:100%;height:220px;display:block;overflow:visible}.activity-line{stroke-dasharray:1;stroke-dashoffset:0}.animate .activity-line{animation:draw-line .9s ease-out}.chart-day{outline:none;cursor:crosshair}.chart-day:hover circle,.chart-day:focus circle{r:5;stroke:#526681;stroke-width:2}.chart-tooltip{position:absolute;transform:translateX(-50%);white-space:nowrap;background:#475970;color:#fff;font:11px Consolas,monospace;padding:8px 11px;border-radius:5px;pointer-events:none}.bottom-note{display:flex;justify-content:flex-end;padding:21px 0}.bottom-note .text-button{font-size:10px}.recent-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #ebeff3}.recent-row:last-child{border:0}.recent-play{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dbe2ea;border-radius:50%;color:#6d84a2}.recent-play:hover{background:#edf1f6}.recent-play .icon{width:14px;height:14px}.recent-title{flex:1;min-width:0}.recent-title strong{display:block;font-weight:500;font-size:13px;color:#4a5c74}.recent-title span{display:block;font-size:10px;color:#8fa1b8;margin-top:6px}.recent-duration{font:12px Consolas,monospace;color:#8396af}.empty-recent,.empty-library,.empty-segments{padding:48px 25px;text-align:center;color:#8b9db5;font-size:13px;line-height:2}.empty-library{grid-column:1/-1;border:1px dashed #d8dfe9;border-radius:10px}.empty-library>.icon{width:38px;height:38px;stroke-width:1;margin-bottom:10px}.empty-library h2{font-size:17px;font-weight:450}.empty-library p{font-size:12px;margin:8px 0 18px}.machine-selection{display:flex;align-items:center;gap:11px;min-width:0;font-size:12px;color:#6d83a1}.machine-selection strong{font-weight:500;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-selection>span:not(.selection-dot){font:11px Consolas,monospace;color:#95a5bb}.machine-selection small{font-size:10px;margin-left:5px}.recorder-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1e6ec;border-radius:12px;box-shadow:0 14px 45px #23412c05}.scene-wrap{height:570px;position:relative}.scene-tools{position:absolute;right:17px;top:14px;display:flex;gap:5px;z-index:3}#recorder-scene{position:absolute;inset:0;cursor:grab;touch-action:none}#recorder-scene:active{cursor:grabbing}#recorder-scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;inset:0;background:#fff;padding:180px 40px;text-align:center;color:#8396af;font-size:13px}.loading-label{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#fffffff2;padding:10px 17px;box-shadow:0 6px 25px #314b3512;border:1px solid #dfe4eb;border-radius:6px;color:#607897;font-size:12px}.loading-label i{width:5px;height:5px;background:#798ea9;border-radius:50%;animation:pulse 1s infinite}.recorder-card:fullscreen .scene-wrap{height:100vh}.scene-large .scene-wrap{height:75vh}.recording-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:25px}.capture-card{position:relative;border:1px solid #e1e6ec;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#f8f9fa,#fff 72%);padding:28px;min-height:530px;overflow:hidden}.capture-top{display:flex;align-items:center;gap:9px;color:#7c90ab}.capture-top h2{font-size:12px;color:#68809f;font-weight:450}.capture-top>span:last-child{margin-left:auto;font:11px Consolas,monospace;color:#97a8bd}.capture-light{width:5px;height:5px;border-radius:50%;background:#b0bdcd}.capture-card.is-recording .capture-light{background:#b17565;box-shadow:0 0 0 4px #b1756510;animation:pulse 1.1s infinite}.capture-clock{font:400 61px/1.3 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-2px;text-align:center;margin-top:55px;color:#4b5e76}.capture-wave{height:130px;margin:10px 0 23px}#capture-waveform{width:100%;height:100%;display:block}.capture-controls{display:flex;gap:42px;align-items:center;justify-content:center}.capture-main{width:70px;height:70px;border:7px solid #faf3ef;outline:1px solid #eee1da;outline-offset:4px;background:#b77968;color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 18px #8d4e3520;transition:background .2s,transform .2s}.capture-main:not(:disabled):hover{transform:scale(1.04);background:#a96b5b}.capture-main .icon{width:24px;height:24px;stroke-width:1.8}.capture-side{display:flex;flex-direction:column;align-items:center;gap:9px;color:#7f93ad;font-size:11px;min-width:40px}.capture-side .icon{width:18px;height:18px}.capture-markers{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;min-height:33px;margin-top:30px}.capture-markers span{background:#f0f3f7;border:1px solid #dce3ec;color:#778ca8;font-size:10px;border-radius:20px;padding:5px 9px}.capture-markers time{font-family:Consolas,monospace;margin-right:7px;color:#95a5bb}.session-panel{align-self:start;border:1px solid var(--line);border-radius:12px;padding:26px;background:#fff}.field-label{font-size:11px;color:#7288a5;display:block;margin:20px 0 9px}.session-panel select,.text-input,dialog input,dialog select,.analysis-selector select,.library-toolbar select{width:100%;height:39px;border:1px solid #dde2e9;border-radius:5px;background:#fafbfc;padding:0 11px;font-size:12px;color:#586e8a}.active-tape-summary{color:#8fa0b7;font-size:10px;line-height:2;min-height:45px;padding-top:11px}.active-tape-summary strong{font-weight:450;color:#788da8}.active-tape-summary button{padding:0;float:right;font-size:10px;color:#788da8}.overflow-note{color:#ad886c}.panel-rule{height:1px;background:#e7ebf0;margin-top:19px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.import-drop{margin-top:24px;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;color:#7d91ac;background:#f9fafc;border:1px dashed #d4dbe5;border-radius:6px;min-height:60px;font-size:12px;transition:.2s}.import-drop:hover,.import-drop.drag-over{background:#edf1f6;border-color:#8396b0}.import-drop .icon{width:18px;height:18px}.library-toolbar{display:flex;align-items:center;gap:13px;margin-bottom:25px}.search-field{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;width:320px;height:39px;padding:0 12px;color:#9aaabf}.search-field .icon{width:15px;height:15px}.search-field input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:12px}.library-toolbar select{width:145px}.library-toolbar .text-button{margin-left:auto}.tape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tape-card{position:relative;min-width:0;overflow:visible;border:1px solid #dfe4ea;border-radius:10px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.tape-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #1c3a2510;border-color:#c9d1dc}.tape-art-button{position:relative;display:block;width:100%;height:220px;padding:20px 16px 8px;overflow:hidden;border-radius:10px 10px 0 0;background:#fff}.tape-art-badge{position:absolute;left:19px;top:18px;font:9px Consolas,monospace;letter-spacing:1px;color:#8e9fb6}.cassette-photo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.tape-art-button:hover .cassette-photo{transform:translateY(-3px) rotate(-1deg)}.tape-info{padding:19px 21px 20px}.tape-name-row,.tape-meta,.tape-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.tape-name{padding:0;text-align:left;color:#4f627b;font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape-length{white-space:nowrap;font:11px Consolas,monospace;color:#8699b2}.tape-meta{font-size:10px;color:#91a2b8;margin-top:12px}.tape-meter{height:3px;background:#eef1f6;margin-top:18px;border-radius:3px;overflow:hidden}.tape-meter i{display:block;height:100%;background:#8a9cb4;border-radius:3px}.tape-footer{font-size:10px;color:#95a6bc;margin-top:14px}.tape-footer button{font-size:10px;padding:0;color:#768ba7;display:flex;align-items:center;gap:4px}.tape-footer .icon{width:11px;height:11px}.overflow-label{color:#b29575}.card-menu{position:absolute;top:9px;right:10px;z-index:5}.card-menu summary{list-style:none;cursor:pointer;width:29px;height:29px;display:grid;place-items:center;color:#8498b1;border-radius:5px;background:#ffffffb8}.card-menu summary::-webkit-details-marker{display:none}.card-menu summary:hover{background:#edf1f6}.card-menu summary .icon{width:16px;height:16px}.card-menu[open]{z-index:10}.card-menu>div{position:absolute;right:0;top:32px;width:142px;background:#fff;padding:5px;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 30px #27422e18}.card-menu button{width:100%;display:flex;align-items:center;gap:8px;font-size:11px;text-align:left;padding:9px 8px;border-radius:4px;color:#6f86a3}.card-menu button:hover{background:#eff2f7}.card-menu .icon{width:13px;height:13px}.card-menu button.danger{color:#ac7968}.library-drop-hint{display:none;position:fixed;inset:95px 55px 130px 245px;z-index:45;border:2px dashed #899cb4;border-radius:12px;align-items:center;justify-content:center;background:#f3f8f3ed;color:#51647e;font-size:21px;pointer-events:none;backdrop-filter:blur(6px)}.library-drop-hint.visible{display:flex}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 25px}.eyebrow{font:10px Consolas,monospace;letter-spacing:1px;color:#95a5bb;margin-bottom:9px}.detail-title-row{display:flex;gap:10px;align-items:center}h1{font-size:25px;font-weight:500;letter-spacing:.4px}.page-heading p{margin-top:9px;font-size:11px;color:#91a2b9}.detail-overview{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid #e0e5eb;border-radius:10px;overflow:hidden;margin-bottom:30px}.detail-art{min-height:245px;padding:20px;background:#fff}.detail-art .cassette-photo{max-height:265px}.detail-data{padding:33px;border-left:1px solid #e5e9ef;display:flex;flex-direction:column;justify-content:center}.detail-duration{font:34px Consolas,monospace;color:#556a86;letter-spacing:-1.2px}.detail-duration small{font-size:12px;color:#a8b6c8;margin-left:10px;letter-spacing:0}.detail-facts{display:flex;gap:17px;color:#8c9eb6;font-size:11px;margin-top:17px}.tape-timeline{display:flex;gap:3px;height:9px;background:#eff2f7;border-radius:3px;overflow:hidden;margin-top:24px}.tape-timeline button{min-width:3px;background:#a8b5c7;border-radius:3px;padding:0}.tape-timeline button:hover{background:#7188a5}.capacity-explanation{font-size:11px;color:#95a5bb;margin-top:12px;line-height:1.8}.detail-options{display:flex;gap:22px;margin-top:22px}.recording-list-heading{margin-bottom:17px}.subtle-count{font:11px Consolas,monospace;color:#96a6bc;margin-left:9px}.segment-row{border:1px solid #e0e5eb;border-radius:8px;margin-bottom:13px;overflow:hidden}.segment-main{display:flex;align-items:center;gap:14px;padding:18px}.segment-number{font:10px Consolas,monospace;color:#9aaabf}.segment-play{border:1px solid #dae1eb;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#7e92ad;flex-shrink:0}.segment-play .icon{width:12px;height:12px}.segment-topic{min-width:0;flex:1}.segment-topic strong{font-size:13px;color:#576c88;font-weight:500;display:block}.segment-topic span{display:block;font-size:10px;color:#96a6bc;margin-top:6px}.segment-time{font:12px Consolas,monospace;color:#7e92ad}.segment-date{color:#7f93ad;font-size:10px;white-space:nowrap;display:flex;gap:5px;align-items:center}.segment-date .icon{width:12px;height:12px}.segment-actions{display:flex;align-items:center;gap:11px}.segment-actions .text-button{font-size:11px}.segment-actions .danger .icon{width:13px;height:13px}.segment-markers{display:flex;align-items:center;flex-wrap:wrap;gap:7px;background:#f7fafd;border-top:1px solid #eaeef3;padding:11px 18px 11px 75px}.segment-markers>span{font-size:10px;color:#a2b0c3;margin-right:5px}.marker-chip{display:flex;align-items:center;border:1px solid #d8e1ec;border-radius:5px;color:#7d93af;background:#fff;font-size:10px;overflow:hidden}.marker-chip button{display:flex;gap:7px;align-items:center;padding:6px 8px;font-size:10px}.marker-chip .icon{width:11px;height:11px}.marker-chip time{font:10px Consolas,monospace;color:#a1b0c3}.marker-chip .marker-edit{border-left:1px solid #dfe6f0;padding:6px;color:#9babbf}.analysis-selector{display:flex;align-items:center;gap:12px;font-size:12px;color:#7e92ad;margin-bottom:24px}.analysis-selector select{width:230px;max-width:28%}#analysis-source{margin-left:auto;color:#b09f82;font-size:10px}.analysis-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.transcript-card,.report-card{padding:27px;border:1px solid var(--line);border-radius:10px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading>.icon{color:#9aaabe;width:17px;height:17px}.transcript-card textarea{width:100%;height:250px;background:#fbfcfd;border:1px solid #dde3ea;border-radius:5px;padding:15px;color:#596f8c;font-size:13px;line-height:1.9;resize:vertical;margin-top:20px}.transcript-card textarea.reference-input{height:110px;margin-top:0;font-size:12px}.analysis-actions{display:flex;gap:10px;margin-top:20px}.analysis-actions .button{padding:0 12px;font-size:11px}.report-empty{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a3b1c4;font-size:12px;gap:20px}.report-empty>.icon{width:40px;height:40px;stroke-width:1}.report-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.report-source{font-size:9px;border:1px solid #dae2ec;border-radius:4px;color:#92a3ba;padding:5px 7px}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.stat{border:1px solid #dde4ec;border-radius:6px;padding:17px}.stat .number{font:36px Georgia,serif;color:#5f7694}.stat-label{display:block;font-size:10px;color:#99a9be;margin-top:7px}.report-section-title{font-size:12px;font-weight:500;color:#7087a4;margin:24px 0 15px}.filler-row{display:flex;align-items:center;gap:13px;margin:13px 0;font-size:11px;color:#879ab3}.filler-name{min-width:43px}.filler-bar{height:5px;flex:1;background:#ebf0f6;border-radius:4px;overflow:hidden}.filler-bar span{display:block;height:100%;background:#899fbc;border-radius:4px}.filler-count{font:11px Consolas,monospace;min-width:30px;text-align:right;margin-left:auto;color:#92a4bc}.evidence{background:#f1f5fb;border-radius:5px;padding:13px;margin-top:9px;color:#879ab2;font-size:11px;line-height:1.8}.evidence strong{font-weight:500;color:#6a81a0}.report-tip{font-size:11px;line-height:1.9;color:#94a4ba;border-top:1px dashed #d4deec;margin-top:22px;padding-top:15px}.panel-intro{font-size:11px;color:#8b9db5;line-height:1.8}.transport-panel{position:fixed;left:228px;right:20px;bottom:17px;max-width:1460px;margin:auto;display:flex;gap:18px;align-items:center;padding:15px 20px;background:#fffffff5;backdrop-filter:blur(16px);border:1px solid #dde3ea;border-radius:12px;box-shadow:0 8px 45px #243b2b12;z-index:25}.loaded-tape{display:flex;align-items:center;gap:10px;min-width:0;max-width:32%}.loaded-tape>.icon,.loaded-tape>[data-icon]>.icon{width:24px;height:24px;color:#8a9cb4;stroke-width:1.3}.loaded-tape>div{min-width:0}.loaded-tape strong{font-size:11px;color:#596f8c;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.loaded-tape div>span{display:block;color:#99a9be;font-size:9px;margin-top:5px}.loaded-tape div>span:empty{display:none}.status-chip{white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:9px;color:#8598b1;margin-left:3px}.status-chip i{width:4px;height:4px;background:#96a6bc;border-radius:50%}.status-chip.recording{color:#b17b6a}.status-chip.recording i{background:#b97962;animation:pulse 1s infinite}.wave-row{display:flex;align-items:center;gap:9px;flex:1;min-width:85px}.time{font-size:10px;color:#91a2b8;white-space:nowrap}.wave-container{position:relative;flex:1;min-width:30px;height:29px}#waveform{width:100%;height:100%;display:block}#seek{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}#wave-markers{position:absolute;inset:0;pointer-events:none}#wave-markers i{position:absolute;top:0;width:1px;height:100%;background:#bcaa7c}#wave-markers i:before{content:'';position:absolute;top:-1px;border-top:4px solid #bcaa7c;border-right:4px solid transparent}.main-controls{display:flex;gap:9px;align-items:center}.play-button{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#ebeff4;color:#5f7694}.play-button .icon{width:14px;height:14px}.record-button{height:32px;display:flex;align-items:center;gap:6px;border-radius:5px;background:#f7efeb;padding:0 10px;color:#b07e6b;font-size:10px}.record-button i{width:6px;height:6px;border-radius:50%;background:#bc8d77}.record-button.recording{background:#b27a66;color:#fff}.record-button.recording i{background:#fff;animation:pulse 1s infinite}.marker-button{display:flex;align-items:center;gap:5px;color:#8c9eb6;font-size:10px;padding:0}.marker-button .icon{width:14px;height:14px}.volume-controls{display:flex;align-items:center;gap:5px;color:#a0afc3}.volume-controls>.icon{width:14px;height:14px}.volume-controls input{width:48px;height:3px;accent-color:#8c9eb5}.toast{position:fixed;left:calc(50% + 104px);bottom:105px;max-width:720px;padding:12px 20px;background:#3b4a5d;color:#f4f7fb;font-size:12px;line-height:1.8;border:1px solid #566b86;border-radius:7px;box-shadow:0 10px 30px #18342120;opacity:0;transform:translate(-50%,10px);transition:.2s;z-index:100;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:480px;max-width:86vw;max-height:85vh;overflow:auto;background:#fff;border:1px solid #dae1e9;border-radius:12px;padding:27px;color:#607897;box-shadow:0 30px 100px #2946292b}dialog::backdrop{background:#243c3035;backdrop-filter:blur(6px)}dialog.wide{width:850px}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dialog-header h2{font-size:18px;font-weight:500;color:#4f637c}#dialog-content{font-size:12px;color:#8699b2;line-height:1.9}#dialog-content p{margin:12px 0}#dialog-content h3{font-size:13px;font-weight:500;color:#647c9c;margin:20px 0 9px}#dialog-content .field-label{margin:16px 0 8px}#dialog-content .button{margin-top:20px}#dialog-content code{font-size:10px;overflow-wrap:anywhere;background:#ecf1f8;padding:2px 4px;border-radius:3px}.dialog-buttons{display:flex;gap:12px}.setting-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #dfe6f0}.error-text{min-height:20px;color:#b07f66;font-size:11px;margin-top:9px}.color-options{display:flex;gap:13px;margin-top:13px}.color-option{width:25px;height:25px;border-radius:50%;background:var(--swatch);border:4px solid #fff;outline:1px solid transparent}.color-option.selected{outline-color:var(--swatch)}.goal-fields{display:grid;grid-template-columns:1fr 95px;gap:12px}.import-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid #e5ecf4}.import-summary strong{color:#5e7593;font-weight:500}.import-row{display:grid;grid-template-columns:minmax(180px,1fr) 220px;gap:20px;padding:15px 0;border-bottom:1px solid #e2e9f1}.import-file input{height:35px;background:#fff;color:#596e8a;border-color:#d9e1ec}.import-file small{display:block;margin-top:5px;color:#92a3b9;font-size:10px}.import-date input{height:35px;font-size:11px}.date-source{display:inline-block;font-size:10px;color:#758ba7;margin-top:5px;background:#eaf1f9;border-radius:3px;padding:1px 6px}.date-source.file{background:#faf5eb;color:#b39d77}.date-source.manual{background:#eff4f8;color:#8a9eaf}.import-target{display:flex;align-items:center;gap:16px;margin-top:20px}.import-target label{white-space:nowrap}.import-target select{max-width:360px}.trash-row{display:flex;align-items:center;gap:18px;padding:23px;border:1px solid #dce3ec;border-radius:8px;margin-bottom:12px}.trash-row>.icon{width:27px;height:27px;color:#a2b0c3;stroke-width:1.2}.trash-body{flex:1;min-width:0}.trash-body strong{display:block;color:#637c9c;font-size:13px;font-weight:500}.trash-body span{display:block;font-size:10px;color:#9eadc1;margin-top:7px}.trash-row .text-button{font-size:11px}.trash-row .danger{margin-left:12px}
@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.45}}@keyframes draw-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(min-width:1600px){.scene-wrap{height:650px}.tape-art-button{height:260px}.capture-card{min-height:580px}.capture-clock{margin-top:70px}.capture-wave{height:160px}}
@media(max-width:1250px){.sidebar{width:180px;padding-left:13px;padding-right:13px}.brand{font-size:20px;gap:8px}.brand-mark{font-size:26px}.app-shell{margin-left:180px}.topbar{padding:0 28px}main{padding:27px 28px 115px}.metrics{gap:15px}.metric{padding:22px}.metric-value{font-size:35px}.recording-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.capture-card{padding:23px}.session-panel{padding:23px}.capture-clock{font-size:53px}.tape-grid{gap:18px}.tape-art-button{height:185px;padding:23px 12px 8px}.tape-info{padding:18px}.segment-main{gap:9px;padding:14px}.segment-date{font-size:9px}.segment-actions{gap:8px}.segment-actions .icon-button{width:26px}.scene-wrap{height:490px}.transport-panel{left:195px;right:15px;gap:10px;padding:13px 14px}.loaded-tape{max-width:27%}.loaded-tape strong{max-width:165px}.status-chip{display:none}.main-controls{gap:5px}.volume-controls{display:none}.toast{left:calc(50% + 90px)}.library-drop-hint{left:210px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{--ink:#23344d;--muted:#74849b;--line:#e1e8f2;--green:#3976c6;--green-dark:#285d9f;--blue:#3976c6}
.button.primary{background:#326ebd;border-color:#326ebd;color:#fff}.button.primary:hover{background:#255b9f}.nav-item.active{background:#edf4ff;color:#285d9f}.goal-track>i{background:linear-gradient(90deg,#82b2ed,#3678ce)}
.filler-bar>span{background:#75a5e3}.analysis-layout{align-items:start}.analysis-selector{margin-top:22px}.report-card .filler-name{min-width:145px}.report-card .filler-row{gap:12px}.report-card .filler-count{white-space:nowrap}.report-empty p{max-width:310px;margin:12px auto;font-size:13px;line-height:1.8}
.trend-controls{display:flex;gap:8px}.trend-controls select{width:auto;min-width:85px;font-size:12px}.fluency-plot{width:100%;height:170px;margin-top:14px}.setting-note{font-size:12px;line-height:1.8;color:#74849b}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:12px}.check-label input{width:15px;height:15px}.pause-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;font-size:12px;color:#74849b}.pause-summary b{color:#285d9f;margin-left:6px}.evidence-list>summary{cursor:pointer;padding:16px 0;color:#285d9f;font-size:13px}.evidence-actions{display:flex;gap:20px;justify-content:flex-end}.evidence.excluded{opacity:.5}.evidence p{margin:8px 0;font-size:12px;line-height:1.8}.feedback-card{padding:28px 32px;background:#fff;border:1px solid #e1e8f2;border-radius:16px;margin-bottom:20px;animation:feedback-in .35s ease both}.feedback-card>p{font-size:14px;line-height:1.9;color:#43546c}.feedback-card h2{font-size:19px;margin:8px 0}.feedback-card h3{font-size:13px;color:#285d9f}.feedback-meta{font-size:12px;color:#74849b}.feedback-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:22px 0}.feedback-columns ul{padding-left:18px;font-size:13px;line-height:1.9;color:#43546c}.feedback-card>.text-button{margin-top:16px}#ai-config-status{font-size:13px;color:#285d9f;min-height:20px}#ai-config-form input:not([type=checkbox]){width:100%}#ai-config-form textarea{width:100%;min-height:70px}.activity-card .section-heading h2{white-space:nowrap}.feedback-card .section-heading h2{white-space:normal}@keyframes feedback-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.feedback-card{animation:none}}

.trend-controls select{height:36px;border:1px solid #e1e8f2;border-radius:8px;padding:0 10px;color:#43546c;background:#f8faff;font-family:var(--font)}#ai-config-form textarea{border:1px solid #dce5f1;border-radius:8px;padding:12px;font-family:var(--font);font-size:13px;line-height:1.7;color:var(--ink);background:#fafcff}.fluency-line{stroke-dasharray:1;stroke-dashoffset:0;animation:fluency-draw .6s ease both}@keyframes fluency-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.fluency-line{animation:none}}

#privacy-button{font-size:11px;white-space:nowrap}.privacy-facts{padding:16px;background:#f7faff;border:1px solid #e1e8f2;border-radius:9px;margin:16px 0}.privacy-facts p{font-size:12px!important;margin:7px 0!important;line-height:1.9}.privacy-facts strong{color:#435e80;font-weight:500}#grant-research{margin-top:18px}#withdraw-research{margin:10px 0}#research-status{overflow-wrap:anywhere}