@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+JP:wght@400;450;500;550;600;650;700;750&display=swap";.user-guide{padding:27px;margin-bottom:28px;border-color:#dce3d0}.guide-heading{display:flex;align-items:center;gap:15px}.guide-book{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:#ecefdf;color:#8b9b71;flex-shrink:0}.guide-kicker{font-size:8px;letter-spacing:1.8px;color:#a0a78d}.guide-heading h2{font-size:21px;font-weight:600;margin-top:5px}.guide-heading p{font-size:12px;color:#8e9980;margin-top:8px}.guide-role{display:flex;gap:10px;margin:23px 0}.guide-role>button{padding:12px 18px;border:1px solid #e1e7d4;border-radius:6px;font-size:12px;color:#8a9975;background:#fbfcf6}.guide-role>button[aria-pressed=true]{background:#eaf0df;border-color:#becda7;color:#637f49;font-weight:550}.guide-workflow{background:#f7f7ef;border:1px solid #e5e8d8;border-radius:8px;padding:24px}.guide-workflow h3{font-size:15px;font-weight:550;line-height:1.9}.guide-workflow ol{margin:22px 0;padding:0;list-style:none;counter-reset:guide-step}.guide-workflow li{counter-increment:guide-step;position:relative;padding:0 0 20px 40px;font-size:13px;line-height:1.9}.guide-workflow li:last-child{padding-bottom:0}.guide-workflow li:before{content:counter(guide-step);position:absolute;left:0;top:0;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e6ebd9;color:#829568;font-size:12px}.guide-workflow strong{font-weight:550;color:#536547}.guide-workflow p{font-size:12px;line-height:1.95;color:#8a977b;margin-top:6px}.guide-workflow>.button{font-size:12px;margin-left:40px}.guide-sharing{display:flex;gap:13px;padding:20px;margin-top:20px;background:#f5efe2;border:1px solid #e8dec7;border-radius:7px;color:#a28f69}.guide-sharing>svg{flex-shrink:0;margin-top:3px}.guide-sharing b{font-weight:500;font-size:12px;line-height:1.9;display:block}.guide-sharing p{font-size:11px;line-height:1.95;margin:8px 0 12px}.guide-sharing .text-link{font-size:11px}.guide-details{margin-top:26px}.guide-details>h3,.guide-troubleshooting>h3{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:550;margin-bottom:14px;color:#70845d}.guide-details details{border-bottom:1px solid #e9ecdf;padding:14px 0}.guide-details summary{cursor:pointer;font-size:13px;color:#788b64;line-height:1.9}.guide-details details>p,.guide-details details>ol{font-size:12px;line-height:2;color:#8c997d;margin:13px 0 10px}.guide-details details>ol{padding-left:25px}.guide-details details .text-link{font-size:11px;margin-top:8px}.guide-links{display:flex;flex-wrap:wrap;gap:20px}.guide-troubleshooting{margin-top:26px}.guide-troubleshooting dl{margin:0}.guide-troubleshooting dl>div{padding:13px 0;border-bottom:1px solid #edf0e5}.guide-troubleshooting dt{font-size:12px;color:#7b8e67;font-weight:500;line-height:1.9}.guide-troubleshooting dd{font-size:12px;color:#929d83;line-height:1.95;margin:7px 0 0}.guide-troubleshooting>p{font-size:11px;color:#a2aa94;margin:18px 0 0}@media(max-width:650px){.user-guide{padding:17px}.guide-heading{align-items:flex-start;gap:11px}.guide-book{width:36px;height:36px}.guide-heading h2{font-size:18px}.guide-heading p{font-size:11px}.guide-role{gap:7px;margin:20px 0}.guide-role>button{font-size:11px;padding:11px 9px;flex:1}.guide-workflow{padding:16px}.guide-workflow h3{font-size:13px}.guide-workflow li{padding-left:33px}.guide-workflow strong{font-size:12px}.guide-workflow p{font-size:11px}.guide-workflow li:before{width:24px;height:24px;font-size:10px}.guide-workflow>.button{margin-left:0;width:100%;font-size:10px;padding:12px 9px;white-space:normal;line-height:1.8}.guide-sharing{padding:14px;gap:9px}.guide-sharing b{font-size:11px}.guide-sharing p{font-size:10px}.guide-details summary{font-size:12px}.guide-details details>p,.guide-details details>ol{font-size:11px}.guide-troubleshooting dt,.guide-troubleshooting dd{font-size:11px}.guide-troubleshooting>p{font-size:10px}.guide-sharing .text-link,.guide-details details .text-link{font-size:10px}}:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#303a33;background:#f7f8f4;font-weight:400;font-size:13px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #de9468;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}h3{font-size:13px;font-weight:600}p{line-height:1.9}.app{display:flex;min-height:100vh}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;border-right:1px solid #e6e8df;background:#fafbf7;display:flex;flex-direction:column;padding:37px 22px 0;z-index:20}.logo{display:flex;align-items:center;font-size:40px;font-weight:700;letter-spacing:-2px;line-height:1;width:fit-content}.logo-mark{color:#bd724f;margin-right:10px;display:flex}.logo-dot{color:#c87955}.brand-caption{font-size:8px;letter-spacing:1.65px;color:#969e92;margin-top:13px;margin-left:8px}.workspace-label{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#9aa194;margin:49px 11px 16px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;padding:13px 14px;margin-bottom:6px;color:#7c857a;border-radius:7px;font-size:12px;text-align:left;transition:background .2s}.nav-item:hover{background:#f0f0e8}.nav-item.active{background:#eeeee4;color:#40513d;font-weight:600}.nav-item.active svg{color:#59704e}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#6a7b56;margin-left:auto}.side-bottom{margin-top:auto}.journey-card{margin:45px 2px 24px;padding:20px 17px 15px;border:1px solid #e6e6d9;background:#f3f3e9;border-radius:8px}.tiny-stars{font-size:24px;color:#a09d72}.journey-card p{font-size:13px;line-height:1.9;margin:6px 0 8px;font-weight:550}.journey-card>span:last-of-type{font-size:8px;color:#999c8d}.mini-wave{font-size:17px;letter-spacing:2px;color:#c7cbb7;margin-top:17px;height:21px;overflow:hidden}.profile{border-top:1px solid #e5e7df;display:flex;align-items:center;gap:10px;margin:0 -22px;padding:19px 20px}.avatar{width:31px;height:31px;border-radius:50%;background:#e4e8dc;display:grid;place-items:center;font-size:11px;color:#76816b}.profile b{display:block;font-size:10px;font-weight:600}.profile span{font-size:8px;color:#969d90;display:block;margin-top:4px}.profile .profile-dot{width:5px;height:5px;background:#91a581;border-radius:50%;margin-left:auto}main{margin-left:232px;width:calc(100% - 232px)}.topbar{height:73px;border-bottom:1px solid #e8eae2;display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:10px;background:#fbfcf9}.topbar>div{display:flex;align-items:center;gap:15px}.breadcrumb{color:#9da597}.topbar svg{color:#959e8e}.today-top{display:flex;align-items:center;gap:9px;color:#7e8979;font-size:10px}.content{max-width:1360px;margin:auto;padding:38px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:20px}.eyebrow{font-size:8px;letter-spacing:2px;color:#9a9f8f;font-weight:600;margin-bottom:12px}h1{font-size:27px;letter-spacing:1px;font-weight:650;line-height:1.5}.page-heading p{font-size:10px;color:#92998a;margin-top:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:12px 16px;font-size:11px;font-weight:500;white-space:nowrap;transition:all .2s}.button:hover{transform:translateY(-1px);filter:brightness(.96)}.primary{background:#b96e49;color:#fffaf6;border:1px solid #b96e49;box-shadow:0 2px 3px #a9683310}.secondary{background:#fffefb;border:1px solid #e0e3d7;color:#68735f}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px;margin-bottom:25px}.stat-card{border:1px solid #e4e7dc;border-radius:9px;background:#fffefa;padding:19px 22px 17px;min-height:147px}.stat-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e8776}.stat-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center}.peach{color:#bb876b;background:#f7ece2}.sage{color:#829172;background:#eef1e7}.lavender{color:#9b8ca5;background:#f0edf3}.stat-value{font-size:34px;font-weight:550;letter-spacing:-1px;margin-top:3px;line-height:1.5;display:flex;align-items:baseline;gap:9px}.stat-value>span{font-size:12px;color:#858f7b;font-weight:400;letter-spacing:0}.stat-value>.stat-sub{font-size:9px;margin-left:1px;color:#a0a696}.stat-foot{font-size:8px;color:#9aa28f;display:block;margin-top:7px}.green-text{color:#8b967d}.progress-track{height:3px;border-radius:2px;background:#eceee5;margin-top:8px}.progress-track i{display:block;height:3px;background:#bd815e;border-radius:2px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,1fr);gap:23px}.left-column,.right-column{display:flex;flex-direction:column;gap:23px}.card{border:1px solid #e3e6da;border-radius:9px;background:#fffefa;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 23px 18px}.section-heading h2{font-size:13px;display:flex;gap:9px;align-items:center;font-weight:600;white-space:nowrap}.section-symbol{display:flex}.orange{color:#b78968}.green{color:#8e9a7e}.count-label{font-size:8px;font-weight:400;color:#929b86;background:#f0f2e9;padding:4px 7px;border-radius:4px;margin-left:4px;white-space:nowrap}.small-muted{font-size:9px;color:#9ba390}.session-banner{margin:0 23px 6px;padding:20px 16px;display:flex;align-items:center;gap:15px;border-radius:6px;background:#f4f1e7;border:1px solid #ece7d8;position:relative;overflow:hidden}.session-icon{width:47px;height:47px;border-radius:50%;background:#ebe8d9;display:grid;place-items:center;color:#a4956f;flex-shrink:0}.tiny-heading{font-size:7px;letter-spacing:1.65px;color:#a39676;font-weight:550}.session-banner h3{font-size:14px;margin-top:7px;font-weight:550;letter-spacing:.4px}.session-banner p{font-size:9px;color:#a2a38f;margin-top:5px}.banner-spark{position:absolute;font-size:96px;right:8px;top:3px;color:#e9e5d6;font-weight:400;opacity:.75;pointer-events:none}.session-banner>div{z-index:1}.menu-list{padding:0 23px}.menu-row{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #eff0e8;min-height:84px}.menu-number{width:30px;height:30px;display:grid;place-items:center;background:#f4f4ee;border:1px solid #e9ebdf;border-radius:7px;font-size:10px;color:#9ca58e;flex-shrink:0}.menu-number.done{background:#eaf0e1;color:#6b8859}.menu-info{min-width:0;flex:1}.menu-info h3{font-size:11px;font-weight:550}.menu-info p{font-size:8px;color:#a0a693;margin-top:5px}.tag{display:inline-flex;background:#f0eee4;color:#9a8b67;padding:4px 7px;border-radius:4px;font-size:8px;white-space:nowrap}.tag-共鳴{background:#edf0e4;color:#8b9977}.tag-音色{background:#f1ebee;color:#aa8e9b}.duration{font-size:12px;color:#727b68;white-space:nowrap;min-width:35px;text-align:right}.duration small{font-size:8px;color:#a9ad9d;margin-left:2px}.round-play{width:30px;height:30px;border:1px solid #e5e7dc;border-radius:50%;display:grid;place-items:center;color:#8a967b;background:#fbfcf7;flex-shrink:0;transition:background .2s}.round-play svg{margin-left:2px;width:12px}.round-play:hover{background:#eaeede}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;gap:6px}.card-footer>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#9ba28f}.card-footer i{height:9px;width:1px;background:#dfe2d3;margin:0 3px}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#8d947f;padding:0}.text-link:hover{color:#b96e49}.period-label{font-size:8px;border:1px solid #e8eadd;border-radius:4px;padding:6px 9px;color:#8e9982}.chart-summary{padding:0 23px;display:flex;align-items:baseline;gap:12px}.chart-summary>strong{font-size:25px;font-weight:550}.chart-summary strong small{font-size:10px;font-weight:400;color:#9ba58d}.chart-summary>span{font-size:8px;color:#a4aa98}.chart-summary .chart-legend{margin-left:auto;font-size:7px;display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;border-radius:2px;background:#b1bd9c}.bar-chart{display:flex;margin:20px 23px 16px;height:117px;gap:13px}.chart-y{font-size:7px;color:#b1b6a5;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:27px;width:24px}.bars{display:flex;flex:1;justify-content:space-around;gap:16px;background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#eff0e7 42px,#eff0e7 43px);background-size:100% 90px;background-repeat:no-repeat}.bar-column{height:100%;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:35px}.bar-space{height:90px;width:100%;display:flex;align-items:flex-end;position:relative}.bar{width:100%;min-height:3px;background:#bac4a9;border-radius:4px 4px 0 0}.bar-column.current .bar{background:#bb7d58}.bar-column>span{font-size:8px;color:#9da590;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px}.bar-column.current>span{color:#b87953}.bar-column i{width:3px;height:3px;border-radius:50%;background:#b87953}.bar-number{position:absolute;top:-15px;left:0;right:0;font-size:8px;color:#80906c}.reference-card .section-heading{padding-bottom:20px}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:4px;color:#9ca58e;border-radius:4px}.icon-button:hover{background:#f1f2e9;color:#b47551}.reference-title{display:flex;gap:11px;align-items:center;margin:0 21px 19px}.audio-art{width:42px;height:42px;border-radius:7px;background:linear-gradient(135deg,#d9bf99,#9a9c76);color:#fffcdf;display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000006}.reference-title h3{font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-title p{font-size:8px;color:#a5aa99;margin-top:4px}.spectrum{margin:0 21px;background:#f6f5ed;border:1px solid #ebeadd;border-radius:6px;padding:11px 12px 8px}.spectrum-label{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.8px;color:#929c86}.live-dot{width:4px;height:4px;border-radius:50%;background:#a4ac95}.spectrum-label>span:last-child{margin-left:auto;font-size:5px}.spectrum canvas{width:100%;height:77px;display:block;margin-top:7px}.frequencies{display:flex;justify-content:space-between;font-size:5px;color:#afb29e;margin-top:-2px}.audio-actions{display:flex;align-items:center;gap:12px;padding:15px 21px 19px}.audio-add{font-size:8px;display:flex;align-items:center;gap:5px;color:#9ca48e;margin-right:auto}.mic-button{display:flex;color:#9ca48e}.dark{background:#667653;color:#fff;border-color:#667653;width:31px;height:31px}.recording{color:#bf694a!important;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.45}}.card-description{font-size:9px;color:#9ba38e;padding:0 23px}.map-preview .section-heading{padding-bottom:8px}.sample-tag{font-size:7px;color:#a9ad9b;background:#f3f3ea;border-radius:4px;padding:4px}.mini-roadmap{margin:20px 23px 6px}.mini-step{display:flex;align-items:flex-start;gap:12px;position:relative;min-height:57px}.mini-step:not(:last-child):before{content:"";position:absolute;width:1px;height:35px;top:18px;left:8px;background:#e4e8d7}.step-dot{width:17px;height:17px;border:1px solid #dce1cf;border-radius:50%;background:#f8f9f2;display:grid;place-items:center;flex-shrink:0;position:relative;z-index:1}.complete .step-dot{background:#91a47d;border-color:#91a47d;color:#fff}.in-progress .step-dot{border-color:#b8855e;background:#fbf4e9}.in-progress .step-dot span{width:7px;height:7px;background:#bb855f;border-radius:50%}.mini-step h3{font-size:10px;color:#939e85;font-weight:450}.in-progress h3{color:#665e4f;font-weight:550}.mini-step>div>span{font-size:7px;color:#afb6a1;display:block;margin-top:6px}.mini-step .now-label{margin-left:auto;font-size:7px;color:#b18b66;background:#f6efdf;border-radius:4px;padding:4px 6px}.map-link{border-top:1px solid #ecede4;padding:14px 22px;display:flex;justify-content:space-between;width:100%;font-size:9px;color:#8f9980}.note-preview{margin-top:23px;display:flex;align-items:center;gap:19px;padding:22px 25px;background:#f3f4ed}.note-preview-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#e8ebdf;color:#94a080;flex-shrink:0}.note-preview h3{font-size:12px;margin-top:7px;font-weight:500}.note-preview p{font-size:9px;color:#9ca48f;margin-top:5px;max-width:700px;white-space:pre-line;max-height:34px;overflow:hidden}.note-preview .tiny-heading{color:#9ba58a;font-size:7px}.note-preview>.button{margin-left:auto;font-size:9px;padding:9px 12px}.footer{display:flex;align-items:center;gap:12px;margin:25px 0 20px;font-size:8px;color:#adb3a0}.footer-logo{font-size:16px;letter-spacing:-1px;color:#a1aa94;font-weight:600}.local-badge{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:7px}.local-badge>span{width:4px;height:4px;background:#a9b799;border-radius:50%}.full-card{margin-bottom:22px}.full-card>.menu-row,.full-card>div>.menu-row{margin:0 24px}.schedule-line{display:flex;align-items:center;gap:8px;font-size:10px;color:#8b967e;margin:0 24px;padding:12px 0 18px}.schedule-line>span{margin-left:18px;color:#a4ac97;font-size:9px}.schedule-line>.text-link{margin-left:auto}.info-note{font-size:10px;color:#9ba38f;line-height:1.9;margin:16px 24px 22px}.large{padding:20px;margin:0 24px}.large canvas{height:180px}.large .spectrum-label{font-size:9px}.large .frequencies{font-size:8px}.native-player{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 24px 24px;font-size:12px}.persistent-player{position:fixed;bottom:15px;left:calc(50% + 90px);width:340px;z-index:40;filter:drop-shadow(0 3px 15px #24351615)}.persistent-player:not([controls]){display:none}.file-row{display:flex;gap:16px;align-items:center;margin:0 24px;padding:18px 0;border-top:1px solid #eff0e6}.file-name{flex:1;min-width:0}.file-name b{font-size:12px;overflow-wrap:anywhere;font-weight:500}.file-name span{display:block;font-size:9px;color:#9da58f;margin-top:7px}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:15px;margin:0 24px 24px;padding:50px 20px;width:calc(100% - 48px);background:#f7f7ef;border:1px dashed #cdd4be;border-radius:7px;color:#8e9b7e}.upload-zone strong{font-size:16px;font-weight:500;color:#6c785e}.upload-zone span{font-size:11px}.upload-zone small{font-size:9px;color:#a6ae98}.record-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.record-stats .card{padding:25px}.record-stats .card>span{font-size:11px;color:#949e86}.record-stats strong{display:block;font-size:32px;font-weight:500;margin-top:17px}.record-stats small{font-size:12px;color:#949e86}.log-row{display:flex;gap:20px;align-items:center;margin:0 24px;padding:23px 0;border-top:1px solid #eef0e5}.log-date{font-size:10px;color:#9ca58e;min-width:77px}.log-row h3{font-size:12px}.log-row p{font-size:10px;color:#8d987e;margin:5px 0}.log-score{margin-left:auto;white-space:nowrap}.log-score>span{font-size:13px;letter-spacing:2px;color:#c08b62}.log-score i{font-style:normal;color:#dcded1}.log-score small{display:block;color:#94a085;font-size:10px;text-align:right;margin-top:8px}.empty-state{padding:65px 25px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;color:#94a180}.empty-state h3{font-size:18px;color:#5d6b51;font-weight:500}.empty-state p{font-size:12px}.empty-state .button{margin-top:9px}.empty-small{padding:35px 10px;color:#9ba38f;font-size:11px}.map-settings{padding:24px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.map-settings>div{flex:1}.map-settings h2{font-size:15px}.map-settings p{font-size:10px;color:#98a18b;margin-top:10px}.map-settings>a{width:100%}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.roadmap-item{padding:25px}.roadmap-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.roadmap-top>span{font-size:9px;letter-spacing:1.5px;color:#a7ae99}.roadmap-top select{font-size:10px;max-width:100px;padding:6px 8px}.roadmap-icon{width:48px;height:48px;background:#f3efe3;color:#b59b77;border-radius:50%;display:grid;place-items:center;margin:25px 0 18px}.achieved .roadmap-icon{background:#eef2e6;color:#8b9e74}.roadmap-item h2{font-size:17px;font-weight:500}.roadmap-item>p{font-size:11px;color:#9aa38d;margin-top:12px;min-height:40px;white-space:pre-line}.roadmap-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeefe6;padding-top:17px;margin-top:20px;font-size:10px;color:#9ba58a}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.notes-grid>.empty-state{grid-column:1/-1}.note-card{position:relative;padding:25px}.note-meta{display:flex;align-items:center;justify-content:space-between;color:#abb19e;font-size:9px}.note-card h2{font-size:18px;margin-top:25px;font-weight:550}.note-card>p{font-size:12px;color:#909b81;line-height:2.1;margin:15px 0 30px;white-space:pre-wrap;overflow-wrap:anywhere}.delete-note{position:absolute;bottom:15px;right:18px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:15px 22px;border:1px solid #d7dfc8;box-shadow:0 6px 30px #31402a16;background:#fbfcf6;z-index:100;color:#61794e;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:90vw}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#202c2455;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fffefa;border-radius:14px;padding:35px;width:480px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 100px #24301f20;position:relative}.modal-close{position:absolute;right:15px;top:15px}.modal h2{font-size:22px;font-weight:550;margin:12px 0 25px}.modal form>label,form>.form-row>label{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;font-size:11px;color:#78846a}.modal form>label>.small-muted{margin-top:-4px}input,textarea,select{width:100%;border:1px solid #e2e7d7;border-radius:5px;background:#fcfcf8;color:#5d6c50;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#b3bf9f;box-shadow:0 0 0 3px #d7dfc52a}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:#b0b6a2;font-size:11px}.form-row{display:flex;gap:17px}.form-row>label{width:50%}.submit{width:100%;margin-top:7px}.day-options{display:flex;gap:9px;margin:-4px 0 24px}.day-options input{position:absolute;opacity:0;width:1px;height:1px}.day-options span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #e1e6d6;color:#9fa890;font-size:11px;cursor:pointer}.day-options input:checked+span{background:#e9eddf;color:#6f815c;border-color:#cbd5ba}.day-options input:focus-visible+span{outline:2px solid #b5825e}.modal-description{font-size:11px;color:#969f87;margin-top:-10px;margin-bottom:24px}.timer{text-align:center;font-size:70px;font-weight:450;letter-spacing:-2px;margin:25px 0 12px;color:#607350}.timer>span{color:#bfc8b2;padding:0 6px}.timer-actions{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px}.session-reference{border-top:1px solid #eaeddf;border-bottom:1px solid #eaeddf;padding:14px 0;display:flex;align-items:center;gap:10px;margin-bottom:25px;color:#8b9978}.session-reference select{font-size:10px;padding:8px;border:0;background:transparent}.rating{display:flex;gap:12px;margin-bottom:23px}.rating>button{width:43px;height:38px;border:1px solid #e4e8da;border-radius:6px;color:#a1aa91}.rating>button.selected{border-color:#be8d69;background:#f6eee2;color:#b67e54}.modal .info-note{margin:10px 0 15px;font-size:9px}.danger{color:#b97b62;background:#f8eee8;border:1px solid #edddd1}.native-player>span{overflow-wrap:anywhere}@media(min-width:1450px){.content{padding-top:46px}.page-heading{margin-bottom:35px}.stat-card{min-height:160px}.menu-row{min-height:95px}.session-banner{padding:24px 20px}.bar-chart{height:135px}.bar-space{height:108px}.bars{background-size:100% 108px}.mini-step{min-height:66px}.mini-step:not(:last-child):before{height:45px}.spectrum canvas{height:94px}.note-preview{padding-top:25px;padding-bottom:25px}}@media(max-width:1150px){.sidebar{width:200px;padding-left:15px;padding-right:15px}.profile{margin-left:-15px;margin-right:-15px;padding:19px 14px}main{margin-left:200px;width:calc(100% - 200px)}.content{padding:28px 25px 0}.topbar{padding:0 25px}.dashboard-grid{gap:17px;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.stat-card{padding:16px}.stat-value{font-size:30px}.stat-value>.stat-sub{font-size:8px}.menu-list{padding:0 16px}.menu-row{gap:9px}.menu-info p{font-size:7px}.menu-info h3{font-size:10px}.section-heading{padding:19px 16px 17px}.session-banner{margin:0 16px 5px;padding:16px 11px;gap:10px}.session-banner h3{font-size:12px}.session-banner p{font-size:8px}.session-icon{width:37px;height:37px}.card-footer{padding:13px 16px}.card-footer>.text-link{font-size:8px}.card-footer>span{font-size:7px}.section-heading h2{font-size:12px;gap:6px}.chart-summary{padding:0 16px;gap:9px}.chart-summary>span{font-size:7px}.chart-summary .chart-legend{display:none}.reference-title,.spectrum{margin-left:16px;margin-right:16px}.sample-tag{font-size:6px}.note-preview p{font-size:8px}.note-preview h3{font-size:11px}.mini-roadmap{margin-left:18px;margin-right:18px}}@media(max-width:950px){.sidebar{width:180px}.logo{font-size:35px}.brand-caption{font-size:6px}.nav-item{font-size:11px;padding:12px 10px}.journey-card{padding:15px 10px}.journey-card>span:last-of-type{font-size:7px}main{margin-left:180px;width:calc(100% - 180px)}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.page-heading h1{font-size:23px}.page-heading .button{font-size:10px;padding:10px 12px}.stats-grid{gap:10px}.stat-value{font-size:28px;gap:5px}.stat-value>.stat-sub{display:none}.stat-label{font-size:9px}.stat-foot{font-size:7px}.note-preview{gap:12px;padding:18px}.note-preview p{max-width:330px}.menu-info h3{font-size:12px}.menu-info p{font-size:9px}.session-banner h3{font-size:14px}.session-banner p{font-size:9px}.card-footer>span{font-size:9px}.menu-list{padding:0 22px}.menu-row{gap:16px}.topbar{height:62px}.roadmap-grid{gap:13px}.roadmap-item{padding:18px}.map-settings{align-items:flex-start}.map-settings>div{min-width:100%}.notes-grid{grid-template-columns:1fr}.note-preview .button{font-size:8px}.record-stats{gap:12px}.record-stats .card{padding:18px}.persistent-player{left:auto;right:15px}}@media(max-width:650px){.sidebar{width:67px;padding:22px 8px 0}.logo{font-size:0;letter-spacing:0;justify-content:center;width:100%}.logo-mark{margin:0}.logo-dot,.brand-caption,.workspace-label{display:none}nav{margin-top:35px}.nav-item{font-size:0;justify-content:center;gap:0;padding:15px 8px}.nav-item svg{width:21px;height:21px}.nav-active-dot,.journey-card{display:none}.profile{border:0;margin:0;padding:20px 10px}.profile>div:not(.avatar),.profile-dot{display:none!important}.avatar{width:30px;flex-shrink:0}main{margin-left:67px;width:calc(100% - 67px)}.content{padding:24px 16px 0}.topbar{padding:0 16px;height:55px;font-size:9px}.topbar>div{gap:8px}.today-top{font-size:8px;gap:5px}.today-top svg{display:none}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:22px;gap:16px}.eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:10px}.page-heading h1{font-size:21px;letter-spacing:0}.page-heading p{font-size:9px;line-height:1.9;max-width:290px}.page-heading .button{font-size:9px;padding:9px 12px}.stats-grid{grid-template-columns:1fr;gap:9px;margin-bottom:18px}.stat-card{padding:12px 15px;min-height:0;position:relative}.stat-label{font-size:9px}.stat-icon{width:25px;height:25px;position:absolute;right:15px;top:15px}.stat-value{font-size:26px;margin-top:0;line-height:1.5}.stat-value>.stat-sub{display:inline;font-size:8px}.stat-foot{position:absolute;right:15px;bottom:15px;font-size:7px;max-width:45%;text-align:right}.progress-track{width:43%;margin:4px 0}.right-column{grid-template-columns:1fr}.menu-list{padding:0 14px}.menu-row{gap:9px;padding:17px 0}.menu-number{width:25px;height:25px;font-size:8px;border-radius:5px}.menu-info h3{font-size:10px}.menu-info p{font-size:7px;line-height:1.7}.menu-row .tag{display:none}.duration{font-size:10px;min-width:25px}.duration small{font-size:6px}.round-play{width:26px;height:26px}.round-play svg{width:10px}.section-heading{padding:18px 14px 15px}.section-heading h2{font-size:12px}.count-label{font-size:6px;margin-left:0}.session-banner{margin:0 14px;padding:14px 12px}.session-banner h3{font-size:11px}.session-banner p{font-size:7px}.session-icon{width:32px;height:32px}.session-icon svg{width:20px}.banner-spark{font-size:70px}.card-footer{padding:13px 14px;flex-wrap:wrap;gap:12px}.card-footer>span{font-size:7px}.card-footer>.text-link{font-size:7px}.chart-summary{padding:0 14px}.chart-summary>span{font-size:6px}.bar-chart{margin:18px 14px}.bars{gap:11px}.note-preview{flex-wrap:wrap;gap:13px;padding:18px 15px}.note-preview>div:nth-child(2){width:calc(100% - 55px)}.note-preview-icon{width:35px;height:35px}.note-preview h3{font-size:10px;line-height:1.9}.note-preview p{font-size:7px;max-height:32px}.note-preview>.button{margin-left:48px}.footer{flex-wrap:wrap;gap:7px;margin:22px 0;font-size:6px}.local-badge{margin-left:0;width:100%;font-size:6px}.footer-logo{font-size:13px}.full-card>.menu-row,.full-card>div>.menu-row{margin:0 15px}.schedule-line{margin:0 15px;flex-wrap:wrap;font-size:8px;gap:5px}.schedule-line>span{font-size:7px;margin-left:0}.schedule-line>.text-link{font-size:8px}.info-note{margin:15px;font-size:9px}.record-stats{grid-template-columns:1fr;gap:9px}.record-stats .card{padding:15px;display:flex;justify-content:space-between;align-items:center}.record-stats strong{margin:0;font-size:24px}.record-stats .card>span{font-size:10px}.log-row{margin:0 15px;flex-wrap:wrap;gap:10px;padding:18px 0}.log-date{width:100%;font-size:8px}.log-row h3{font-size:11px}.log-row p{font-size:9px}.log-score{font-size:10px}.log-score>span{font-size:10px;letter-spacing:0}.log-row>div:nth-child(2){max-width:70%}.empty-state{padding:40px 15px}.empty-state h3{font-size:15px}.empty-state p,.empty-state .button{font-size:10px}.roadmap-grid{grid-template-columns:1fr}.map-settings{padding:17px}.map-settings p,.map-settings .button{font-size:9px}.note-card{padding:20px}.note-card h2{font-size:16px}.note-card>p{font-size:11px}.full-card>.section-heading>.button{padding:8px;font-size:8px;gap:5px}.full-card>.section-heading>.button svg{width:13px}.full-card>.section-heading>.small-muted{font-size:7px}.audio-library .count-label{display:none}.large{margin:0 14px;padding:12px}.large canvas{height:130px}.large .spectrum-label{font-size:7px}.large .frequencies{font-size:6px}.upload-zone{margin:0 14px 14px;width:calc(100% - 28px);padding:35px 12px}.upload-zone strong{font-size:13px}.upload-zone span{font-size:8px}.upload-zone small{font-size:7px}.file-row{margin:0 14px;gap:9px}.file-row .audio-art{width:30px;height:30px}.file-name b{font-size:10px}.file-name span{font-size:7px}.modal-backdrop{padding:15px}.modal{padding:30px 23px;max-height:94vh}.modal h2{font-size:19px}.day-options{gap:7px;justify-content:space-between}.day-options span{width:31px;height:31px}.form-row{gap:12px}.timer{font-size:62px}.persistent-player{width:260px;max-width:calc(100vw - 90px)}.toast{font-size:10px;padding:13px 15px;min-width:240px}.full-card .section-heading>.text-link{font-size:8px}.full-card .section-heading>.text-link svg{width:12px}}.banner-spark{width:93px;height:93px;right:6px;top:7px;color:#e5dfca;opacity:.7;z-index:0}.playback-options{display:flex;align-items:center;gap:15px;margin:18px 24px 0}.playback-options .button{font-size:10px;padding:8px 11px}.playback-options>span{font-size:9px;color:#9ba38e}.loop-on{color:#b5754c!important;background:#f4ecdf!important;border-color:#dfc5aa!important}@media(max-width:650px){.banner-spark{width:68px;height:68px;right:4px;top:12px;opacity:.5}.playback-options{margin-left:14px;margin-right:14px;gap:8px;flex-wrap:wrap}.playback-options>span{font-size:8px}.playback-options .button{font-size:9px}}.audio-order-hint{margin:0 24px 14px;font-size:10px;color:#939e85}.audio-drag-handle{color:#a2aa95;display:grid;place-items:center;padding:10px 3px;flex-shrink:0;cursor:grab;touch-action:none;border-radius:5px}.audio-drag-handle:hover,.audio-drag-handle:focus-visible{color:#b5754c;background:#f3efe3}.audio-drag-handle:active{cursor:grabbing}.file-row{position:relative}.file-row.dragging{background:#f6f3e8;box-shadow:0 5px 22px #53633b29;outline:1px solid #c5cdb8;border-radius:7px}.file-row.dragging .audio-drag-handle{cursor:grabbing;color:#b5754c}.file-row.dragging .file-name b{color:#a9714d}@media(max-width:650px){.audio-order-hint{margin-left:14px;margin-right:14px;font-size:8px}.audio-drag-handle{padding:12px 0}.audio-drag-handle svg{width:18px}.file-row{gap:7px}}.file-row{flex-wrap:wrap}.audio-note-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;position:relative;flex-shrink:0;padding:8px;border:1px solid #e4e7da;border-radius:5px;color:#899679;font-size:9px}.audio-note-toggle:hover,.audio-note-toggle.is-open{background:#f2eee2;color:#ad7855;border-color:#e2d6c3}.audio-note-toggle>i{position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:50%;background:#ba865c}.audio-note-editor{flex-basis:100%;width:100%;padding:17px 0 0 35px}.audio-note-editor>label{display:block;font-size:11px;color:#7f8d6e;margin-bottom:9px}.audio-note-editor textarea{font-size:12px}.audio-note-editor>span{display:block;font-size:8px;color:#9ba58c;margin-top:7px}.session-audio-note{margin:-10px 0 24px}.session-audio-note .audio-note-editor{padding-left:0}.session-audio-note .audio-note-toggle{width:100%;padding:10px}@media(max-width:650px){.file-row>.audio-note-toggle>span{display:none}.file-row>.audio-note-toggle{padding:7px}.audio-note-editor{padding-left:0}.audio-note-editor textarea{font-size:12px}.file-name{flex-basis:0}}.miro-exercise-picker{padding:16px;background:#f5f5ed;border:1px solid #e5e8da;border-radius:7px;margin-bottom:20px}.miro-exercise-picker>label{display:block;font-size:11px;color:#7b886b;margin-bottom:9px}.miro-exercise-picker select{font-size:11px}.miro-exercise-picker>.button{margin-top:12px;font-size:10px}.miro-exercise-picker>p{font-size:9px;color:#9aa38d;margin-top:10px}.miro-exercise-preview{margin-top:12px;font-size:11px;color:#7f8d6e}.miro-exercise-preview summary{cursor:pointer;line-height:1.8}.miro-exercise-preview p{white-space:pre-wrap;font-size:11px;margin-top:10px;line-height:2;color:#78866b}.miro-summary-banner{display:flex;gap:12px;align-items:center;padding:16px 20px;background:#f0f2e7;border:1px solid #e1e6d5;border-radius:7px;margin-bottom:20px;color:#8a9878}.miro-summary-banner svg{flex-shrink:0}.miro-summary-banner p{font-size:11px}@media(max-width:650px){.miro-exercise-picker{padding:12px}.miro-exercise-picker select{font-size:10px}.miro-summary-banner{padding:13px;align-items:flex-start}.miro-summary-banner p{font-size:9px}}.edit-note{position:absolute;right:50px;bottom:21px}.backup-panel{margin-bottom:24px;padding:24px}.backup-panel h2{font-size:20px}.backup-panel p,.backup-panel ol{font-size:14px;line-height:1.9;margin:14px 0}.backup-panel ol{padding-left:24px}.backup-panel details{margin-top:18px}.backup-panel summary{cursor:pointer;padding:12px 0}.backup-panel button,.backup-panel label.button{min-height:44px;margin:6px 8px 6px 0}.backup-panel input[type=file]{display:block;max-width:100%;font-size:16px}.sound-tendency{padding:16px;margin:14px 0;border:1px solid #dce3cf;border-radius:8px;line-height:1.8;overflow-wrap:anywhere}.sound-tendency strong,.sound-tendency>span{font-size:14px;color:#657e51}.sound-tendency p,.sound-tendency summary{font-size:12px;color:#718064}.sound-tendency summary{cursor:pointer}.reference-editor-open{margin-bottom:20px}.reference-editor{scroll-margin-top:20px}.reference-editor p,.youtube-references p{font-size:12px;line-height:1.9;margin:12px 0;color:#718064}.reference-editor label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:12px 0}.reference-editor .editor-check{flex-direction:row;align-items:center}.reference-editor input[type=checkbox]{width:auto}.editor-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.editor-tabs [aria-pressed=true]{background:#e7eedb}.editor-range{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.editor-range label{flex:1;min-width:130px}.editor-range .button{margin-bottom:12px}.editor-source,.editor-preview{width:100%;max-width:100%;margin:12px 0}.editor-source:is(video){max-height:320px}.edit-waveform{width:100%;height:100px;border:1px solid #dce3cf;border-radius:6px}.reference-editor .editor-file{max-width:100%;font-size:12px}.youtube-reference{border-top:1px solid #dce3cf;margin-top:16px;padding-top:16px}.youtube-reference iframe{width:100%;aspect-ratio:16/9;border:0;max-height:420px}.audio-edit-button{font-size:10px;padding:8px!important}@media(max-width:700px){.audio-edit-button{grid-column:2/-1;justify-self:start}.reference-editor-open .button{max-width:100%;white-space:normal}.editor-range{display:grid;grid-template-columns:1fr}.editor-range label{min-width:0}}.tuner-keyboard{border:1px solid #dce3cf;border-radius:8px;padding:16px;margin:16px 0;min-width:0}.tuner-keyboard h3{font-size:16px}.tuner-reading{min-height:110px;margin-top:12px}.tuner-reading strong{font-size:36px;color:#607e49;margin-right:14px}.tuner-reading span,.tuner-reading p{font-size:12px;color:#718064;line-height:1.8}.tuner-meter{display:flex;align-items:center;gap:10px;font-size:10px;color:#718064}.tuner-meter>div{position:relative;flex:1;height:12px;border-radius:6px;background:linear-gradient(to right,#f0d5c3 40%,#b9dca6 45%,#b9dca6 55%,#f0d5c3 60%)}.tuner-meter>div:before{content:"";position:absolute;left:50%;height:100%;border-left:1px solid #5a7845}.tuner-meter i{position:absolute;height:20px;width:3px;background:#81573c;top:-4px;transform:translate(-50%)}.tuner-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:12px 0;font-size:12px}.tuner-controls label{display:flex;gap:8px;align-items:center}.tuner-controls input{max-width:130px}.playable-piano{display:flex;overflow-x:auto;max-width:100%;height:132px;padding:4px 2px 14px;touch-action:pan-x}.playable-piano button{width:38px;min-width:38px;height:108px;flex-shrink:0;border:1px solid #c6d0bb;border-radius:0 0 5px 5px;background:#fffef8;color:#586b48;display:flex;align-items:end;justify-content:center;padding:8px 2px;font-size:10px;touch-action:pan-x;-webkit-user-select:none;user-select:none}.playable-piano button.black{width:24px;min-width:24px;margin:0 -12px;height:72px;background:#35482f;color:#fff;position:relative;z-index:1}.playable-piano button.sounding{background:#c28d62;color:#fff}.playable-piano button.detected{box-shadow:inset 0 0 0 3px #67a24c}.playable-piano button:focus-visible{outline:3px solid #258bd1;outline-offset:-3px}