:root{--ink:#172b3a;--muted:#657789;--paper:#fbf4cf;--surface:#fffdf2;--red:#315d7d;--red-dark:#23445e;--green:#9a7a22;--line:#c9d9e4;--soft:#e2edf4;--shadow:0 14px 42px rgba(48,39,26,.1)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:48px 24px 80px;position:relative;isolation:isolate;background:radial-gradient(circle at 50% 25%,rgba(255,253,242,.96),rgba(251,244,207,.72) 48%,rgba(220,234,242,.66))}.auth-shell[hidden],#app-shell[hidden],.auth-checking[hidden]{display:none!important}.auth-card{width:min(460px,100%);background:rgba(255,253,242,.96);border:1px solid #bdcfdc;border-radius:18px;padding:42px 42px 34px;box-shadow:0 28px 80px rgba(35,68,94,.16);text-align:center}.auth-brand{width:64px;height:64px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font:500 34px Newsreader,serif}.auth-card .eyebrow{margin-bottom:11px}.auth-card h1{font:500 46px/1 Newsreader,serif;letter-spacing:-.025em;margin:0}.auth-intro{color:var(--muted);line-height:1.6;font-size:14px;margin:18px auto 27px;max-width:340px}.auth-checking{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px;padding:23px 0}.auth-form{text-align:left}.auth-password-wrap{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:9px;transition:.18s}.auth-password-wrap:focus-within{border-color:#7695aa;box-shadow:0 0 0 3px rgba(118,149,170,.13)}.auth-password-wrap input{width:100%;height:52px;border:0;background:transparent;padding:0 14px;outline:0;color:var(--ink)}.auth-password-wrap button{height:34px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--red);font-size:11px;font-weight:600;padding:0 14px}.auth-submit{margin-top:16px;width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:18px}.auth-submit span{font-size:18px}.auth-error{background:#e4eef5;color:#23445e;border-radius:7px;padding:10px 12px;margin:12px 0 0;font-size:12px;line-height:1.45}.auth-security{margin:24px 0 0;color:var(--muted);font-size:10px;letter-spacing:.02em}.auth-security span{color:#718a68;margin-right:5px}.auth-footer{position:absolute;bottom:25px;margin:0;color:var(--muted);font:14px Newsreader,serif}.account-actions{justify-self:end;display:flex;align-items:center;gap:15px}.account-actions .status{justify-self:auto}.account-actions>button{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:600;padding:7px}.account-actions>button:hover{text-decoration:underline}
.account-dialog{position:relative;width:min(520px,100%);background:var(--surface);border-radius:14px;box-shadow:0 30px 90px #1e191480;overflow:hidden}.account-dialog>header{padding:24px 27px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.account-dialog h2{font:500 32px Newsreader,serif;margin:0}.account-dialog .eyebrow{margin-bottom:5px}.account-body{padding:24px 27px 27px}.account-body>p:first-child{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.5}.account-body label{margin-top:15px}.account-body input{width:100%;height:46px;border:1px solid var(--line);border-radius:7px;background:white;padding:0 12px;outline:0}.account-body input:focus{border-color:#7695aa;box-shadow:0 0 0 3px rgba(118,149,170,.12)}.password-hint{margin:7px 0 0;color:var(--muted);font-size:11px}.account-body .primary{width:100%;margin-top:19px}.device-note{margin:20px 0 0!important;padding:13px 14px;border-radius:7px;background:#e7f0f5;color:#526878!important;font-size:11px!important}.device-note strong{display:block;color:var(--ink);margin-bottom:3px}
.password-success{background:#e7f0c3;color:#5f631f}
.auth-form>input,.auth-name-row input{width:100%;height:52px;border:1px solid var(--line);border-radius:9px;background:white;padding:0 14px;outline:0;margin-bottom:14px}.auth-form>input:focus,.auth-name-row input:focus{border-color:#7695aa;box-shadow:0 0 0 3px rgba(118,149,170,.13)}.auth-links{display:flex;justify-content:space-between;margin-top:14px}.auth-links button,.auth-back{border:0;background:transparent;color:var(--red);font-size:12px;padding:8px 0}.auth-back{width:100%;margin-top:8px}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.locked-email{text-align:left;background:var(--soft);border-radius:8px;padding:12px;font-size:12px}.locked-email strong{display:block;margin-top:3px}.auth-intro.compact{margin:8px 0 2px;text-align:left;font-size:12px}.account-dialog{max-height:92vh;overflow:auto!important}.account-body hr{border:0;border-top:1px solid var(--line);margin:28px 0}.account-body h3{font:500 25px Newsreader,serif;margin:20px 0 10px}.admin-list{display:grid;gap:8px;margin-top:14px}.admin-row{border:1px solid var(--line);background:white;border-radius:8px;padding:11px;display:flex;gap:8px;align-items:center}.admin-row>div{flex:1;min-width:0}.admin-row strong,.admin-row span{display:block;overflow:hidden;text-overflow:ellipsis}.admin-row span{color:var(--muted);font-size:11px;margin-top:2px}.admin-row button{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:6px 8px;color:var(--red);font-size:10px}.admin-row button.danger{color:#8a3526}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{color:var(--ink);text-decoration:none;font:500 23px Newsreader,serif}.brand span,footer>span{color:var(--red);font-size:29px;margin-right:8px}.site-header nav{display:flex;background:#dceaf2;border-radius:8px;padding:4px}.nav-link{border:0;background:transparent;color:var(--muted);border-radius:6px;padding:9px 17px;font-size:13px;font-weight:600}.nav-link.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #42372513}.status{justify-self:end;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#718a68;margin-right:8px}.view[hidden],.loading[hidden],.error[hidden],.results[hidden],.modal[hidden],.candidate[hidden],.piece-context[hidden],.ranges[hidden],.empty[hidden],.save-message[hidden]{display:none!important}.hero{max-width:930px;margin:88px auto 72px;text-align:center;padding:0 24px}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--red);margin:0 0 17px}.hero h1,.page-head h1{font:500 clamp(48px,6vw,73px)/.98 Newsreader,serif;letter-spacing:-.035em;margin:0}.hero h1 em{color:var(--red);font-weight:500}.intro{max-width:640px;margin:25px auto 35px;color:var(--muted);font-size:16px;line-height:1.65}#lesson-form{max-width:770px;margin:auto;text-align:left}label{display:block;font-size:12px;font-weight:600;margin:0 0 8px;color:#494640}.input-wrap{min-height:70px;background:var(--surface);border:1px solid #bdcfdc;border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:center;padding:8px}.input-wrap:focus-within{border-color:#7695aa}.input-wrap svg{width:26px;margin:0 13px 0 8px;fill:#4d7fa1}.input-wrap svg .play{fill:white}.input-wrap input{border:0;outline:0;background:transparent;font-size:16px;min-width:0;flex:1;color:var(--ink)}.primary,.secondary{border-radius:7px;padding:0 18px;height:44px;font-weight:600;font-size:13px;transition:.18s}.primary{border:0;background:var(--ink);color:white}.primary:hover{background:var(--red);transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:wait;transform:none}.input-wrap .primary{height:52px;display:flex;gap:20px;align-items:center}.input-wrap b{font-size:19px}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.secondary:hover{border-color:#a99e8d;background:white}.hint{text-align:center;color:#718191;font-size:12px;margin:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}.loading,.error{max-width:770px;margin:0 auto 70px;padding:24px}.loading{display:flex;gap:16px;align-items:center}.loading span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.spinner{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#8a3526;border-color:#c7dce8;background:#f5fbff}.results{max-width:1180px;margin:20px auto 100px;padding:68px 28px 0;border-top:1px solid var(--line)}.results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.results h2{font:500 46px/1 Newsreader,serif;margin:0}.results-head>p{color:var(--muted);font-size:12px}.lesson-savebar{display:flex;align-items:end;gap:13px;padding:17px;margin-bottom:12px}.lesson-savebar>div{min-width:145px}.lesson-savebar .grow{flex:1}.lesson-savebar input,.lesson-savebar select,.range-row input,.range-row select,.note-piece{width:100%;height:42px;border:1px solid var(--line);border-radius:6px;background:white;padding:0 11px;color:var(--ink)}.ranges{background:#e7f0f5;border:1px solid #c4d6e1;border-radius:9px;padding:16px;margin-bottom:14px}.range-title{display:flex;gap:12px;align-items:baseline;margin-bottom:11px}.range-title span{color:var(--muted);font-size:12px}.range-row{display:grid;grid-template-columns:minmax(220px,1fr) 140px 140px auto;gap:10px;align-items:end;margin-top:8px}.range-row label{margin:0}.danger-link{border:0;background:transparent;color:#315d7d;padding:8px;font-size:12px}.save-message{padding:12px 15px;border-radius:7px;background:#e7f0c3;color:#6f6020;font-size:13px;margin:12px 0}.error-text{background:#e4eef5;color:#23445e}.lesson-layout{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(430px,1.1fr);gap:46px;align-items:start;margin-top:34px}#video{position:sticky;top:24px;aspect-ratio:16/9;background:#222;border-radius:9px;overflow:hidden;box-shadow:0 12px 34px #3b33272b}iframe{width:100%;height:100%;border:0}ol{list-style:none;padding:0;margin:0;counter-reset:notes}#notes li{counter-increment:notes;position:relative;padding:0 0 27px 58px;margin-bottom:24px;border-bottom:1px solid var(--line);line-height:1.6}#notes li:before{content:counter(notes,decimal-leading-zero);position:absolute;left:0;top:3px;color:#a49e94;font:500 15px Newsreader,serif}#notes h3{font:500 23px/1.2 Newsreader,serif;margin:0 0 8px}#notes p{margin:0 0 12px;font-size:15px}.practice{background:#f3edbd;border-left:3px solid var(--green);padding:10px 12px;margin:2px 0 13px;font-size:13px;color:#4f5049}.practice strong{display:block;color:var(--green);font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.note-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.note-meta a{font-size:11px;font-weight:600;color:var(--red);text-decoration:none;white-space:nowrap}.note-piece{width:min(260px,55%);height:35px;font-size:11px}.repertoire-view{max-width:1180px;margin:0 auto 110px;padding:80px 28px}.page-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:36px;border-bottom:1px solid var(--line)}.page-head h1{font-size:64px}.page-head>div>p:last-child{color:var(--muted);margin:14px 0 0}.repertoire-view>.loading{margin:45px auto}.empty{margin:48px auto;text-align:center;max-width:620px;padding:70px 30px}.empty-mark{font-size:55px;color:var(--red)}.empty h2{font:500 33px Newsreader,serif;margin:14px 0 7px}.empty p{color:var(--muted);margin:0 0 24px}.repertoire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:35px}.piece-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:25px;min-height:310px;display:flex;flex-direction:column;box-shadow:0 5px 22px rgba(46,38,27,.04)}.piece-number{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--red);font-weight:600}.piece-card h2{font:500 27px/1.1 Newsreader,serif;margin:14px 0 5px}.composer{font-size:13px;color:var(--muted);margin:0}.piece-description{font-size:13px;line-height:1.55;color:#5f5b54;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.piece-stats{display:flex;gap:14px;color:#8a847b;font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin:15px 0}.next-up{background:#e3eef4;border-radius:6px;padding:10px 12px;font-size:12px;color:#5d5b53;margin-bottom:14px}.next-up b{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.09em;color:var(--green);margin-bottom:3px}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.modal-open{overflow:hidden}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(34,30,25,.58);backdrop-filter:blur(4px)}.chat-dialog{position:relative;width:min(740px,100%);height:min(760px,90vh);background:var(--surface);border-radius:13px;box-shadow:0 30px 90px #1e191480;display:flex;flex-direction:column;overflow:hidden}.chat-dialog>header{padding:22px 25px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.chat-dialog h2{font:500 30px Newsreader,serif;margin:0}.chat-dialog .eyebrow{margin-bottom:5px}.icon-button{border:0;background:transparent;font:300 30px/1 sans-serif;color:var(--muted)}.piece-context{display:flex;gap:22px;align-items:center;padding:12px 25px;background:#e3eef4;border-bottom:1px solid var(--line)}.piece-context>div:not(.context-links){display:flex;flex-direction:column}.piece-context b{font:500 20px Newsreader,serif}.piece-context span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.context-links{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.context-links a{color:var(--red);font-size:10px;text-decoration:none}.chat-messages{padding:24px;overflow:auto;flex:1}.message{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-bottom:18px;align-items:start}.message>span{width:30px;height:30px;border-radius:50%;background:#dbe8ef;display:grid;place-items:center;color:var(--red);font:500 12px Newsreader,serif}.message.user>span{background:var(--ink);color:white;font:600 9px "DM Sans"}.message p{margin:0;background:#e8f1f6;border-radius:4px 10px 10px 10px;padding:11px 14px;font-size:14px;line-height:1.55;white-space:pre-wrap}.message.user p{background:#f3edbd}.candidate{margin:0 24px 15px;border:1px solid #bbcfdb;border-radius:9px;padding:16px;background:#f7f3d8}.candidate-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:600}.candidate h3{font:500 24px Newsreader,serif;margin:6px 0 0}.candidate>p{color:var(--muted);font-size:12px;margin:3px 0 7px}.candidate small{display:block;line-height:1.4;color:#625f58}.candidate-resources{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.candidate-resource{display:flex;flex-direction:column;text-decoration:none;color:var(--red);font-size:9px;background:white;border:1px solid var(--line);border-radius:5px;padding:7px 9px;max-width:180px}.candidate-resource span{color:var(--ink);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate .primary{width:100%}.chat-form{border-top:1px solid var(--line);padding:14px;display:flex;gap:10px;background:white}.chat-form textarea{resize:none;flex:1;border:1px solid var(--line);border-radius:7px;padding:11px;outline:0}.chat-form textarea:focus{border-color:#a89d8c}.chat-form .primary{height:auto;min-width:92px}.toast{position:fixed;right:22px;bottom:22px;z-index:50;background:#315d7d;color:white;padding:13px 17px;border-radius:7px;box-shadow:var(--shadow);font-size:13px}.toast-error{background:#23445e}footer{border-top:1px solid var(--line);height:100px;display:flex;justify-content:center;align-items:center;color:var(--muted);font:15px Newsreader,serif}footer p{display:inline}
@media(max-width:920px){.repertoire-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.lesson-layout #video{position:relative;top:0}.lesson-savebar{flex-wrap:wrap}.lesson-savebar .grow{min-width:50%}.range-row{grid-template-columns:1fr 1fr}.range-row .range-piece{grid-column:1/-1}}
@media(max-width:680px){.auth-shell{padding:22px 16px 70px}.auth-card{padding:34px 22px 28px;border-radius:14px}.auth-card h1{font-size:40px}.site-header{height:auto;min-height:68px;grid-template-columns:1fr auto;padding:10px 18px}.site-header nav{grid-row:2;grid-column:1/-1;margin-top:8px}.account-actions .status{display:none}.account-actions{gap:0}.hero{margin-top:58px}.hero h1{font-size:46px}.input-wrap{flex-wrap:wrap}.input-wrap input{height:44px}.input-wrap .primary{width:100%;justify-content:center}.results,.repertoire-view{padding-left:17px;padding-right:17px}.results-head,.page-head{display:block}.results-head>p{margin-top:12px}.page-head .primary{margin-top:20px}.repertoire-grid{grid-template-columns:1fr}.lesson-savebar>div,.lesson-savebar .grow{width:100%;min-width:100%}.lesson-savebar>button{flex:1}.note-meta{align-items:flex-start;flex-direction:column}.note-piece{width:100%}.range-row{grid-template-columns:1fr}.range-row .range-piece{grid-column:auto}.chat-dialog{height:94vh}.piece-context{align-items:flex-start;flex-wrap:wrap}.context-links{width:100%;margin:0;justify-content:flex-start}}

.advanced-dialog{width:min(780px,100%);height:min(790px,92vh)}.advanced-body{flex:1;overflow:auto}.prompt-config-list{display:grid;gap:10px;margin-top:18px}.prompt-config-item{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:16px;text-align:left;color:var(--ink);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.prompt-config-item:hover{border-color:#9fb8c8}.prompt-config-item strong{display:block;font:500 21px Newsreader,serif}.prompt-config-item small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}.prompt-config-item em{display:block;color:var(--muted);font-style:normal;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}.prompt-config-item.custom em{color:#33705a}.prompt-config-item b{font:300 28px sans-serif;color:var(--red)}.prompt-back{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:600;padding:0;margin:4px 0 8px}.prompt-editor-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:15px 0 7px}#prompt-editor-value{width:100%;min-height:360px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:14px;line-height:1.55;outline:0}#prompt-editor-value:focus{border-color:#7695aa;box-shadow:0 0 0 3px rgba(118,149,170,.13)}.prompt-editor-actions{display:flex;gap:9px;margin-top:12px}.prompt-editor-actions .primary,.prompt-editor-actions .secondary{flex:1}@media(max-width:680px){.advanced-dialog{height:94vh}.prompt-editor-actions{flex-direction:column}#prompt-editor-value{min-height:300px}}

.account-profile{display:flex;align-items:center;gap:18px;padding:3px 0 22px}.account-profile h3{margin:0;font:500 27px Newsreader,serif}.account-profile p{margin:3px 0 10px;color:var(--muted);font-size:11px}.account-profile .secondary{height:35px}.account-avatar-button{position:relative;width:96px;height:96px;padding:0;border:0;border-radius:50%;background:#b9d5e9;flex:none}.account-avatar-button img,.account-avatar-fallback{position:absolute;inset:0;width:96px;height:96px;border-radius:50%;object-fit:cover}.account-avatar-fallback{display:grid;place-items:center;color:var(--ink);font-size:27px;font-weight:600}.account-avatar-edit{position:absolute;right:0;bottom:0;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;border:3px solid white;font-size:16px}.account-group-label{margin:18px 6px 8px!important;color:var(--muted)!important;font-size:9px!important;font-weight:600;letter-spacing:.11em}.account-menu{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.account-menu button{width:100%;min-height:67px;border:0;border-bottom:1px solid var(--line);background:white;padding:12px 15px;display:flex;align-items:center;text-align:left;color:var(--ink)}.account-menu button:last-child{border-bottom:0}.account-menu button:hover{background:#f6fafc}.account-menu span{display:block;flex:1}.account-menu b,.account-menu small{display:block}.account-menu b{font-size:14px}.account-menu small{color:var(--muted);font-size:10px;margin-top:3px}.account-menu i{font:300 25px sans-serif;color:var(--muted)}.account-pane-back{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:600;padding:0;margin:0 0 5px}.account-pane>h3{margin:10px 0 5px}.account-pane>p{color:var(--muted);font-size:12px;line-height:1.5}.admin-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none}.admin-avatar-fallback{display:grid!important;place-items:center;background:#b9d5e9;color:var(--ink)!important;font-size:12px!important;font-weight:700;margin:0!important}.profile-photo-dialog{position:relative;width:min(520px,100%);max-height:94vh;overflow:auto;background:var(--surface);border-radius:14px;box-shadow:0 30px 90px #1e191480}.profile-photo-dialog>header{padding:22px 25px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.profile-photo-dialog h2{font:500 30px Newsreader,serif;margin:0}.profile-photo-dialog .eyebrow{margin-bottom:5px}.profile-photo-body{padding:22px 26px 26px}.profile-photo-body>p:first-child{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 17px;text-align:center}#profile-crop-canvas{display:block;width:min(320px,100%);height:auto;aspect-ratio:1;border-radius:50%;margin:auto;background:#dceaf2;touch-action:none;cursor:move}.profile-photo-body>label{margin-top:18px}.profile-photo-body input[type=range]{width:100%}.profile-photo-actions{display:flex;gap:9px;margin-top:18px}.profile-photo-actions button{flex:1}@media(max-width:680px){.account-profile{align-items:flex-start}.account-avatar-button,.account-avatar-button img,.account-avatar-fallback{width:82px;height:82px}.profile-photo-dialog{height:auto}.profile-photo-actions{flex-direction:column}}

.plans-view{max-width:1180px;margin:0 auto 110px;padding:80px 28px}.plans-view>.loading{margin:45px auto}#plan-page[hidden],#plans-list-page[hidden]{display:none!important}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:35px}.plan-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:24px;text-align:left;color:var(--ink);min-height:190px;box-shadow:0 5px 22px rgba(46,38,27,.04);display:flex;flex-direction:column;transition:.18s}.plan-card:hover{border-color:#9fb8c8;transform:translateY(-2px)}.plan-card h2{font:500 27px/1.15 Newsreader,serif;margin:12px 0}.plan-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.plan-chip{background:var(--soft);color:var(--red-dark);border-radius:99px;padding:6px 10px;font-size:10px;font-weight:600}.plan-updated{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.plan-page-head{display:flex;align-items:start;gap:18px;padding-bottom:28px;border-bottom:1px solid var(--line)}.plan-page-head>div{flex:1}.plan-page-head h1{font:500 clamp(42px,5vw,64px)/1 Newsreader,serif;margin:5px 0 12px}.plan-page-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.plan-back{border:0;background:transparent;color:var(--red);font-weight:600;padding:8px 0;margin-bottom:18px}.plan-total{display:flex;gap:9px}.plan-sections{display:flex;flex-direction:column;gap:13px;padding:30px 0}.plan-section{display:grid;grid-template-columns:78px 1fr auto;gap:18px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px}.plan-minutes{text-align:center;background:var(--paper);border-radius:8px;padding:11px 7px;color:var(--red-dark)}.plan-minutes strong{display:block;font:600 25px Newsreader,serif}.plan-minutes span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.plan-description{white-space:pre-wrap;line-height:1.6;font-size:14px;margin:0}.plan-piece-link{border:0;background:var(--soft);color:var(--red-dark);border-radius:99px;padding:7px 10px;font-size:10px;font-weight:600;margin-top:11px}.plan-name-input{width:100%;font:500 clamp(36px,5vw,56px)/1 Newsreader,serif;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:transparent;padding:4px 0 9px;outline:0}.plan-name-input:focus{border-color:var(--red)}.edit-order-hint{color:var(--muted);font-size:11px;margin:14px 0 -12px}.edit-sections{display:flex;flex-direction:column;gap:11px;padding:26px 0}.edit-section{display:grid;grid-template-columns:38px 1fr 120px auto;gap:11px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:13px;transition:border-color .15s,box-shadow .15s,opacity .15s}.edit-section.dragging{opacity:.42}.edit-section.drag-over{border-color:#7695aa;box-shadow:0 0 0 3px #dceaf2}.drag-handle{color:var(--muted);font-size:22px;cursor:grab;text-align:center;user-select:none;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle:focus-visible{outline:2px solid #7695aa;outline-offset:3px;border-radius:4px}.edit-section textarea{width:100%;min-height:74px;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:10px;background:white}.minutes-field{display:flex;align-items:center;gap:6px}.minutes-field input{width:67px;height:42px;border:1px solid var(--line);border-radius:7px;padding:0 9px;background:white}.minutes-field span{font-size:11px;color:var(--muted)}.section-actions{display:flex;flex-direction:column;gap:3px}.section-actions button{border:0;background:transparent;color:var(--red);padding:4px}.section-actions .remove-section{color:#8a3526}.linked-piece-select{width:100%;height:38px;border:1px solid var(--line);border-radius:6px;background:white;padding:0 8px;margin-top:8px;color:var(--ink);font-size:11px}.add-section-tools{display:grid;grid-template-columns:1fr 1fr;gap:15px}.add-section-box{background:#e7f0f5;border:1px solid #c4d6e1;border-radius:10px;padding:18px}.add-section-box h3{font:500 23px Newsreader,serif;margin:0 0 7px}.add-section-box p{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 14px}.add-section-box textarea,.add-section-box select,.add-section-box input{width:100%;border:1px solid var(--line);border-radius:7px;background:white;padding:10px;margin-bottom:9px}.add-section-box textarea{min-height:85px;resize:vertical}.ai-row{display:grid;grid-template-columns:1fr 120px;gap:9px}.plan-danger{margin-top:20px;border:0;background:transparent;color:#8a3526;padding:8px 0}.plan-empty-section{padding:42px;text-align:center;color:var(--muted);border:1px dashed #afc2ce;border-radius:10px;background:rgba(255,253,242,.48)}
@media(max-width:920px){.plans-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.plans-view{padding:55px 17px}.plans-grid{grid-template-columns:1fr}.plan-page-head{display:block}.plan-page-actions{justify-content:flex-start;margin-top:20px}.plan-section{grid-template-columns:64px 1fr}.plan-section>div:last-child{grid-column:2}.edit-section{grid-template-columns:30px 1fr}.edit-section .minutes-field,.edit-section .section-actions{grid-column:2}.section-actions{flex-direction:row}.add-section-tools{grid-template-columns:1fr}.ai-row{grid-template-columns:1fr}.site-header nav{overflow-x:auto;max-width:100%}.nav-link{white-space:nowrap}}
.auth-footer a,footer a{color:var(--red);text-decoration:none}.auth-footer a:hover,footer a:hover{text-decoration:underline}.account-policy-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 24px}.account-policy-links a{display:grid;place-items:center;text-decoration:none}.account-danger-zone{border:1px solid #e2b9b5;border-radius:10px;background:#fff8f7;padding:17px}.account-danger-zone h4{margin:0 0 7px;color:#8a3526;font-size:15px}.account-danger-zone>p{color:var(--muted);font-size:12px;line-height:1.5}.account-danger-zone button.danger{width:100%;height:44px;margin-top:16px;border:1px solid #d8a7a1;border-radius:7px;background:#f8e7e5;color:#8a3526;font-weight:600}.account-danger-zone button.danger:disabled{opacity:.55}.account-danger-zone form[hidden]{display:none!important}
.range-row{grid-template-columns:minmax(190px,1fr) 110px 110px auto auto}.range-apply{height:42px;white-space:nowrap}@media(max-width:920px){.range-row{grid-template-columns:1fr 1fr}.range-row .range-piece{grid-column:1/-1}}@media(max-width:680px){.range-row{grid-template-columns:1fr}.range-row .range-piece{grid-column:auto}}
.plan-piece-group{display:flex;flex-direction:column;gap:13px}.plan-piece-group.linked{border-left:3px solid var(--red);padding-left:14px}.plan-group-head{width:100%;border:0;border-radius:8px;background:var(--soft);color:var(--ink);padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.plan-group-head strong{font:600 17px Newsreader,serif}.plan-group-head span{color:var(--red-dark);font-size:10px;font-weight:700;white-space:nowrap}.plan-group-head:hover{background:#d6e6ef}@media(max-width:680px){.plan-piece-group.linked{padding-left:9px}.plan-group-head{align-items:flex-start}.plan-group-head strong{font-size:15px}}

.plan-timer{display:flex;align-items:center;gap:10px;margin-top:12px}.plan-timer-control{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:var(--red-dark);font-size:17px;cursor:pointer}.plan-timer-control[aria-pressed=true]{background:var(--red-dark);color:white}.plan-timer-control:focus-visible{outline:2px solid var(--red);outline-offset:3px}.plan-timer-control:disabled{opacity:.5;cursor:wait}.plan-elapsed{font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}.plan-elapsed.not-started{color:var(--muted)}.plan-elapsed.in-progress{color:#B45309}.plan-elapsed.completed{color:#28704D}.plan-total{flex-wrap:wrap}.plan-group-head>span{white-space:normal;text-align:right;line-height:1.6}

.plan-timer{flex-wrap:wrap}.plan-timer-reset{min-height:44px;padding:8px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.plan-timer-reset:hover{color:var(--red-dark)}.plan-timer-reset:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:6px}.plan-timer-reset:disabled{opacity:.5;cursor:wait}

.practice-timer-overlay{position:fixed;top:calc(env(safe-area-inset-top,0px) + 88px);right:calc(env(safe-area-inset-right,0px) + 16px);width:300px;max-width:calc(100vw - 32px);z-index:100;background:rgba(246,247,249,.95);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px #17365d26;padding:12px}.practice-timer-overlay[hidden]{display:none!important}.floating-timer-heading{display:flex;align-items:flex-start;gap:8px}.floating-timer-titles{flex:1;min-width:0;min-height:44px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:grab;touch-action:none;user-select:none}.floating-timer-titles #floating-timer-plan{display:block;margin:0 0 4px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-timer-titles strong{font-size:13px;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.floating-timer-close{width:44px;height:44px;flex-shrink:0;border:0;background:transparent;color:var(--muted);font-size:26px;border-radius:8px}.floating-timer-close:focus-visible{outline:2px solid var(--red)}.floating-timer-actions{display:flex;align-items:center;gap:10px;margin-top:6px}.floating-timer-actions .plan-elapsed{font-size:20px;overflow-wrap:anywhere;min-width:0}#floating-timer-status{font-size:11px;color:var(--muted)}@media(max-width:680px){.practice-timer-overlay{top:calc(env(safe-area-inset-top,0px) + 116px)}}

.floating-timer-jump{margin-left:auto;min-width:44px;min-height:44px;border:0;border-radius:12px;background:var(--soft);color:var(--red-dark);font-size:24px}.floating-timer-jump:disabled{opacity:.4;cursor:not-allowed}.plan-section.timer-jump-highlight{outline:2px solid var(--red-dark);outline-offset:3px}.plan-section[data-plan-item]{scroll-margin-top:240px}

.practice-timer-overlay[data-dock="bottom"]{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + var(--timer-keyboard-gap,0px) + 24px)}.floating-timer-grip{display:block;width:28px;height:4px;border-radius:2px;background:var(--muted);margin:0 auto 7px}.floating-timer-titles:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}.practice-timer-overlay.dragging .floating-timer-titles{cursor:grabbing}

/* Draft recovery and practice history share the existing editor palette. */
.draft-status{font-size:.78rem;color:var(--muted,#66717e);margin:8px 0;line-height:1.5}.draft-status:empty{display:none}.workspace-drafts{padding:16px 20px;margin:18px 0}.workspace-drafts summary{cursor:pointer;font-weight:700}.workspace-drafts p{font-size:.85rem;color:var(--muted,#66717e)}#draft-list{display:flex;flex-wrap:wrap;gap:8px}.range-guidance{max-width:420px}.range-guidance strong{font-size:.86rem}.range-guidance p{font-size:.8rem;line-height:1.5;color:var(--muted,#66717e);margin:5px 0}.leave-draft-dialog{width:min(490px,calc(100% - 32px));padding:26px;border:1px solid #dce2e7;border-radius:20px;color:#182b40;box-shadow:0 20px 90px #071b3433}.leave-draft-dialog::backdrop{background:#081c3566}.leave-draft-dialog h2{margin:0 0 12px}.leave-draft-dialog p{line-height:1.6}.draft-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.practice-tabs{flex-shrink:0;margin:10px 20px}.practice-history-panel{flex:1;min-height:0;overflow:auto;padding:0 20px 24px}.practice-history-panel .piece-context{padding:16px 0}.practice-history-panel .resource-manager{padding:16px 0}.practice-history-panel h3{margin:14px 0 6px}.practice-history-panel>div>p{font-size:.85rem;color:#637080}.progress-entry{padding:16px;margin-top:12px;border:1px solid #dce2e7;border-radius:14px;background:#fff}.progress-entry.next-steps{background:#edf3fa}.progress-entry h4{margin:0 0 12px}.progress-entry strong{font-size:.76rem;color:#52657b}.progress-entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:5px 0 14px}.progress-entry p:last-child{margin-bottom:0}.chat-dialog>[data-draft-status]{padding:0 22px;margin:3px 0}.chat-dialog #chat-messages{min-height:120px}
#practice-tabs[hidden],#practice-history-panel[hidden],#chat-messages[hidden],#chat-form[hidden],#lesson-history[hidden],#resource-manager[hidden]{display:none!important}

.brand-bird { width: 36px; height: 36px; border-radius: 11px; object-fit: cover; vertical-align: middle; }
.auth-brand img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

.collection-order { display:flex; margin:0 0 20px; color:var(--muted); }
.collection-order select { margin-left:8px; padding:10px 14px; border:1px solid #d8e1e9; border-radius:12px; background:#fff; color:#173a65; }
.collection-refresh { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px; margin-bottom:16px; border-radius:12px; background:#fff5d6; color:#25354a; }
.collection-refresh[hidden] { display:none; }.collection-refresh small { display:block; margin-top:6px; }
.piece-added { font-size:12px; color:#687483; margin:8px 0; }
.range-row.range-editing { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:16px; border:1px solid #d8e1e9; border-radius:14px; background:#fff; margin-top:12px; }
.range-times { display:flex; gap:16px; }.range-times label { display:grid; gap:6px; flex:1; }.range-times input { width:100%; padding:10px; }
.range-preview { margin:0; color:#173a65; font-weight:700; }.range-actions { display:flex; gap:10px; }
.range-row.range-summary { display:flex; justify-content:space-between; align-items:center; gap:16px; background:#f0f5fa; border-radius:14px; padding:16px; margin-top:12px; }.range-summary p { margin:5px 0 0; }
.repertoire-native-select { position:absolute!important; width:1px!important; height:1px!important; opacity:0; pointer-events:none; }
.repertoire-picker-trigger { display:block; width:100%; min-height:42px; border:1px solid #d8e1e9; border-radius:10px; background:#f0f5fa; color:#173a65; padding:10px 12px; text-align:left; white-space:normal; }
.repertoire-picker-modal { z-index:400; }.repertoire-picker-dialog { max-width:580px; max-height:80dvh; }.piece-picker-tools { display:grid; gap:12px; padding:16px; }.piece-picker-tools input { width:100%; padding:12px; border:1px solid #d8e1e9; border-radius:12px; }
#piece-picker-choices { overflow:auto; padding:0 16px 20px; }#piece-picker-choices button { display:block; width:100%; text-align:left; padding:14px 10px; background:#fff; border:0; border-bottom:1px solid #e4e8ed; color:#173a65; }#piece-picker-choices button:hover { background:#edf4fa; }
.plan-editor-toolbar { position:sticky; bottom:12px; z-index:25; margin-top:20px; background:#fff; border:1px solid #d8e1e9; border-radius:16px; padding:12px; box-shadow:0 4px 22px #10223e22; }.plan-toolbar-actions { display:flex; justify-content:flex-end; gap:10px; }.section-undo { display:flex; align-items:center; justify-content:space-between; padding:0 0 10px; color:#173a65; }
.toast details { font-size:11px; margin-top:8px; }#auth-support-details { font-size:12px; color:#687483; margin:12px 0; }
@media(max-width:600px) { .range-row.range-summary { align-items:flex-start; flex-direction:column; }.plan-toolbar-actions { justify-content:center; flex-wrap:wrap; }.plan-editor-toolbar { bottom:8px; } }

.section-fields summary { cursor:pointer; font-weight:700; color:#173a65; padding:8px 0; }.section-fields summary span { display:block; font-weight:400; line-height:1.45; margin:6px 0; color:#536273; }.section-fields[open] summary span { display:none; }

/* Plan editor cards: shared hierarchy, one compact action row. */
.edit-section { display:flex; flex-direction:column; align-items:stretch; gap:14px; padding:16px; border-radius:16px; }
.section-card-head { display:flex; align-items:center; gap:8px; }
.section-card-head .drag-handle { width:32px; height:32px; min-height:32px; flex:0 0 32px; margin-left:-6px; background:transparent; font-size:20px; }
.section-kicker { flex:1; font-size:11px; font-weight:700; letter-spacing:.08em; color:var(--muted); }
.section-duration { font-size:12px; font-weight:700; color:var(--navy,#173a65); background:#dceaf2; padding:5px 9px; border-radius:8px; }
.section-description { margin:0 0 14px; font-size:15px; line-height:1.5; color:var(--ink); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.section-repertoire { display:flex; flex-direction:column; gap:4px; }
.section-field-label { display:block; color:var(--muted); font-size:11px; line-height:1.5; font-weight:600; }
.section-piece-title { font-size:13px; line-height:1.5; font-weight:600; color:#35526d; }
.section-composer { font-size:12px; line-height:1.5; color:var(--muted); }
.section-card-actions { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:10px; gap:12px; }
.section-card-actions button { min-height:34px; font-size:13px; padding:7px 14px; }
.section-card-actions .danger-link { font-weight:500; padding-right:6px; }
[data-section-fields][hidden], [data-section-preview][hidden] { display:none!important; }
[data-section-fields] { display:grid; gap:14px; }
[data-section-fields] textarea { display:block; margin-top:6px; font-size:15px; line-height:1.5; min-height:100px; }
.section-edit-inputs { display:flex; align-items:flex-end; gap:14px; }
.section-edit-inputs > label:last-child { flex:1; }
.section-edit-inputs .minutes-field { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.section-edit-inputs .minutes-field input { width:62px; height:42px; font-size:15px; }
.section-edit-inputs .linked-piece-select { margin:6px 0 0; }
@media(max-width:680px) { .section-edit-inputs { align-items:stretch; flex-direction:column; } }

.focus-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; margin-top:24px; }
.focus-row { display:flex; align-items:center; gap:16px; padding:12px 0; }
.focus-row p { flex:1; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.focus-general { border-top:1px solid #ddd; padding:16px 0; display:grid; gap:8px; }
.focus-selected { padding-left:28px; }
@media(max-width:760px) { .focus-columns { grid-template-columns:1fr; } }

.focus-selected .focus-row { align-items:flex-start; }
.focus-selected .danger-link { min-width:44px; min-height:44px; padding:0; font-size:24px; line-height:1; margin-top:-8px; }

.voice-input { min-width:0; }
.voice-input:has(.voice-bar) { flex:1; width:100%; }
.chat-form:has(.voice-bar) { flex-wrap:wrap; }
.chat-form:has(.voice-bar) > textarea, .chat-form:has(.voice-bar) > button { display:none; }
.voice-bar { display:flex; align-items:center; gap:8px; padding:8px; border:1px solid #dfe3e6; border-radius:36px; background:#fff; }
.voice-input button { min-width:44px; height:44px; border-radius:50%; padding:0; display:inline-flex; justify-content:center; align-items:center; background:#f0f1f2; color:#17365d; font-size:28px; border:0; }
.voice-middle { flex:1; min-width:0; text-align:center; color:#697586; }
.voice-wave { display:flex; height:32px; align-items:center; justify-content:space-evenly; }
.voice-wave i { width:3px; border-radius:3px; background:#697586; }
.voice-input .voice-accept { background:#17365d; color:white; }
.voice-transcript { max-height:100px; overflow:auto; white-space:pre-wrap; }
.voice-error { color:#a83c43; font-size:13px; }

/* Duration controls share a quiet track and a blue selected interval. */
.time-slider { width: 100%; min-width: 0; padding: 8px 0; }
.time-slider-labels, .time-slider-limits { display: flex; justify-content: space-between; gap: 12px; color: var(--muted, #687788); font-size: 12px; }
.time-slider output { color: #143958; font-weight: 700; font-variant-numeric: tabular-nums; }
.time-slider-limits { font-size: 11px; font-variant-numeric: tabular-nums; }
.time-slider-axis { position: relative; height: 44px; margin: 0 12px; }
.time-slider-track, .time-slider-fill { position: absolute; top: 20px; height: 4px; border-radius: 4px; pointer-events: none; }
.time-slider-track { width: 100%; background: #d4e2ec; }
.time-slider-fill { background: #087fbe; }
.time-slider input[type="range"] { position: absolute; inset: 0; width: calc(100% + 24px); height: 44px; margin: 0 -12px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; appearance: none; -webkit-appearance: none; cursor: pointer; }
.dual-time-slider input[type="range"] { pointer-events: none; }
.time-slider input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: transparent; }
.time-slider input[type="range"]::-moz-range-track { height: 4px; background: transparent; }
.time-slider input[type="range"]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; height: 24px; width: 24px; margin-top: -10px; border-radius: 50%; border: 3px solid white; background: #087fbe; box-shadow: 0 1px 4px #14395833; pointer-events: auto; }
.time-slider input[type="range"]::-moz-range-thumb { height: 18px; width: 18px; border-radius: 50%; border: 3px solid white; background: #087fbe; box-shadow: 0 1px 4px #14395833; pointer-events: auto; }
.time-slider input[type="range"]:focus-visible { outline: 2px solid #087fbe; outline-offset: 2px; border-radius: 8px; }
.time-slider input[type="range"]:disabled { opacity: .5; cursor: default; }
.plan-time-budget { max-width: 520px; margin: 20px 0; }
.plan-time-budget p { font-size: 12px; color: var(--muted, #687788); }
.section-edit-inputs .time-slider { flex: 1; min-width: 160px; }
.ai-row .time-slider { flex: 1; }

#lesson-output-language { display: block; width: 100%; max-width: 280px; margin: 0 0 18px; padding: 12px 14px; border: 1px solid #D2DDE5; border-radius: 12px; background: #fff; color: #183858; font: inherit; }
.note-review-page { width: min(900px, 100vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: auto; padding: 0; border: 0; background: #faf9f3; color: #183858; }
.note-review-page::backdrop { background: #102b4899; }
.note-review-page header { position: sticky; top: 0; background: #faf9f3; padding: 18px 24px; border-bottom: 1px solid #d2dde5; z-index: 1; }
.note-review-page [data-review-body] { padding: 16px 24px; }
.note-review-page textarea { display: block; width: 100%; padding: 14px; font: inherit; margin: 12px 0; }
.note-review-page button { min-height: 44px; }
.raw-transcript { list-style: none; padding: 0; }
.raw-transcript li { padding: 14px; border-bottom: 1px solid #d2dde5; }
.raw-transcript p, .remarks-button { white-space: pre-wrap; }
.nearest-transcript { background: #fff4ce; border-radius: 12px; }
.remarks-button { display: block; width: 100%; text-align: left; border: 0; font: inherit; cursor: pointer; }
.transcript-button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; background: #deedf6; border: 0; border-radius: 10px; color: #183858; }