:root{--bg: #f5f5f2;--surface: #ffffff;--ink: #15171c;--ink-muted: #5b6070;--line: #e1e2e6;--line-soft: #eeeff2;--accent: #2f4fd8;--accent-soft: #eceef8;--gold: #b07f1a;--radius: 16px;--tabbar-h: 64px;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 20px 4px}.brand{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.icon-button{width:44px;height:44px;border-radius:22px;border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.content{flex:1;padding:8px 20px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px)}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:560px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(env(safe-area-inset-bottom) + 6px)}.tab{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;color:var(--ink-muted)}.tab.active{color:var(--accent);font-weight:800}.page{display:flex;flex-direction:column;gap:12px}.page-head{display:flex;align-items:center;gap:12px}.page-title{margin:8px 0 4px;font-size:28px;font-weight:800;letter-spacing:-.02em}.page-head .page-title{margin:0;font-size:24px}.section-label{margin:16px 0 0;font-size:13px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.hint{margin:0;font-size:14px;color:var(--ink-muted);line-height:1.45}.empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.empty-icon{width:64px;height:64px;border-radius:32px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.empty-text{margin:0;font-size:16px;font-weight:600;line-height:1.45;max-width:34ch}.empty-soon{margin:0;font-size:14px;color:var(--ink-muted);line-height:1.5;max-width:36ch}.badge{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:999px;background:#fdeedc;color:#8a3e05;font-size:12px;font-weight:700}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.list-row{min-height:52px;padding:0 16px;border:none;border-bottom:1px solid var(--line-soft);background:transparent;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;text-align:left;cursor:pointer}.list-row:last-child{border-bottom:none}.list-row.selected{color:var(--accent)}.list-row.static{cursor:default;gap:12px}.account-email{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row.as-link{color:inherit;text-decoration:none;gap:12px;padding-top:10px;padding-bottom:10px}.profile-summary{display:flex;flex-direction:column;gap:2px;min-width:0}.list-row.danger{color:#b42318}.form{display:flex;flex-direction:column;gap:14px;width:100%}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field-label{font-size:13px;font-weight:700;color:var(--ink-muted)}.field input,.field select,.field textarea{min-height:48px;padding:0 14px;border:1px solid #d5d7dd;border-radius:12px;background:var(--surface);font:inherit;font-size:16px;color:var(--ink)}.field textarea{padding:12px 14px;min-height:120px;resize:vertical}.code-input{font-size:24px!important;font-weight:800;letter-spacing:.3em;text-align:center}.button{min-height:52px;border-radius:14px;border:none;font-size:16px;font-weight:700;cursor:pointer;padding:0 18px}.button.primary{background:var(--accent);color:#fff}.button.ghost{background:transparent;color:var(--ink);border:1.5px solid #d5d7dd}.button:disabled{opacity:.6;cursor:progress}.error{margin:0;padding:10px 12px;border-radius:10px;background:#fdecec;color:#8f1d17;font-size:14px;font-weight:600}.chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #d5d7dd;background:var(--surface);font-size:13px;font-weight:600;cursor:pointer}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.splash{min-height:100dvh;background:var(--bg)}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px)}.login-card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.login-icon{border-radius:18px}.login-title{margin:0;font-size:30px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.login-tagline{max-width:30ch}.login-langs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.segmented{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:#e8e9ec}.segment{min-height:44px;border:none;border-radius:9px;background:transparent;font-size:14px;font-weight:600;color:#4b5060;cursor:pointer}.segment.active{background:var(--surface);color:var(--ink);font-weight:800}.password-row{display:flex;gap:8px}.password-row input{flex:1;min-width:0}.show-password{min-width:84px;min-height:48px;border-radius:12px;border:1px solid #d5d7dd;background:var(--surface);font-size:14px;font-weight:700;cursor:pointer}.hint.small{font-size:12px}.notice{margin:0;padding:10px 12px;border-radius:10px;background:#e3f4ea;color:#0b5a31;font-size:14px;font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page-head.spread{justify-content:space-between;align-items:flex-start}.icon-button.accent{background:var(--accent);border-color:var(--accent);color:#fff}.button.small{min-height:44px;font-size:14px;padding:0 14px}.button.as-link{display:inline-flex;align-items:center;justify-content:center}.button.danger{background:#b42318;color:#fff}.error-box{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#fdecec;color:#8f1d17;font-weight:600}.error-box p{margin:0}.skeleton{height:160px;border-radius:var(--radius);background:linear-gradient(90deg,#ecedf0,#f6f6f8,#ecedf0);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-muted)}.search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:16px;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px}.card-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-list li+li{border-top:1px solid var(--line-soft)}.piece-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;min-height:56px}.piece-main{display:flex;flex-direction:column;gap:2px;min-width:0}.piece-title{font-size:16px;font-weight:700}.piece-sub{font-size:13px;color:var(--ink-muted)}.piece-meta{font-size:12px;font-weight:600;color:var(--ink-muted)}.status{flex-shrink:0;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-ready{background:#e3f4ea;color:#0b6b3a}.status-learning{background:#fdeedc;color:#8a3e05}.status-review{background:#ecedf1;color:#4b5060}.tag{padding:4px 9px;border-radius:999px;background:#ecedf1;color:#4b5060;font-size:12px;font-weight:700}.detail-head{display:flex;flex-direction:column;gap:10px}.detail-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.2}.detail-badges{display:flex;flex-wrap:wrap;gap:6px}.facts{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.fact{display:flex;justify-content:space-between;gap:16px;padding:11px 16px;font-size:14px}.fact+.fact{border-top:1px solid var(--line-soft)}.fact dt{color:var(--ink-muted)}.fact dd{margin:0;font-weight:600;text-align:right}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented.four{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented.four .segment{font-size:12px}.verses{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:4px 16px}.verse{display:flex;flex-direction:column;gap:3px;padding:10px 0}.verse+.verse{border-top:1px solid var(--line-soft)}.verse:empty{display:none}.verse-text{font-family:Georgia,"Noto Serif",serif;font-size:17px;font-weight:600;line-height:1.35}.verse-ipa{font-family:"Noto Serif",Doulos SIL,Charis SIL,Georgia,serif;font-size:15px;color:var(--accent);line-height:1.35}.verse-translation{font-size:14px;font-style:italic;color:#4b5060;line-height:1.35}.notes{margin:0;white-space:pre-line;font-size:15px;line-height:1.5}.danger-zone{margin-top:24px;display:flex;flex-direction:column;gap:10px}.group{margin:0;padding:0;border:none;min-width:0}.group-body{margin-top:8px;display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 380px){.two-cols{grid-template-columns:minmax(0,1fr)}}.field input[type=date]{width:100%}.verse-input{font-family:Georgia,"Noto Serif",serif;line-height:1.5}.ipa-input{font-family:"Noto Serif",Doulos SIL,Charis SIL,Georgia,serif}.form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:sticky;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);padding:8px 0;background:var(--bg)}.lookup{display:flex;flex-direction:column;gap:8px}.lookup-button{align-self:flex-start;display:inline-flex;align-items:center;gap:8px}.suggestions{display:flex;flex-direction:column;gap:8px}.suggestions .field-label{margin:0}.suggestions ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.suggestions li+li{border-top:1px solid var(--line-soft)}.suggestion{width:100%;min-height:52px;padding:10px 14px;border:none;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer}.suggestion:hover{background:var(--accent-soft)}.suggestion-label{font-size:15px;font-weight:700}.suggestion-desc{font-size:13px;color:var(--ink-muted)}.field select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235b6070' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.field.compact select{min-height:44px;font-size:14px;font-weight:600}.suggestion-composer{font-size:13px;font-weight:700;color:var(--accent)}.total-duration{margin:0;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:var(--accent-soft);font-size:14px;color:var(--ink)}.total-duration strong{font-weight:800}.suggestion-source{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--gold)}.switch{width:52px;height:32px;flex-shrink:0;padding:3px;border:none;border-radius:16px;background:#b9bdc8;display:flex;justify-content:flex-start;cursor:pointer}.switch.on{background:var(--accent);justify-content:flex-end}.switch-knob{width:26px;height:26px;border-radius:13px;background:#fff}.switch:disabled{opacity:.6}.check-row{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.check-row input{width:22px;height:22px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent)}.check-row>span{display:flex;flex-direction:column;gap:2px}.check-label{font-size:15px;font-weight:600}.head-actions{display:flex;gap:8px}.filter-selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.suggest-chip{align-self:flex-start;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px dashed var(--accent);background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700;cursor:pointer}.file-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;border:2px dashed #b9bdc8;border-radius:var(--radius);background:var(--surface);color:var(--accent);text-align:center;cursor:pointer}.file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.map-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center}.map-source{display:flex;flex-direction:column;gap:2px;min-width:0}.map-sample{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{width:100%;height:8px;border-radius:4px;background:#e4e5e9;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transition:width .2s}.audition-interested,.audition-withdrawn{background:#ecedf1;color:#4b5060}.audition-preparing{background:#fdeedc;color:#8a3e05}.audition-submitted,.audition-invited{background:#e6ebfb;color:#1e3299}.audition-auditioned{background:#f1e8fb;color:#5b2a9a}.audition-accepted{background:#e3f4ea;color:#0b6b3a}.audition-rejected{background:#fdecec;color:#8f1d17}.audition-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.audition-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.audition-card-top,.audition-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.audition-card-bottom{margin-top:8px}.countdown{padding:5px 10px;border-radius:999px;font-size:13px;font-weight:800}.countdown-calm{background:#ecedf1;color:#2d3140}.countdown-soon{background:#fdeedc;color:#8a3e05}.countdown-urgent{background:#fdecec;color:#8f1d17}.countdown-past{background:#f0f1f4;color:#5b6070;font-weight:600}.date-box{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.date-value{font-size:15px;font-weight:700}.date-count{font-size:13px;font-weight:800}.date-soon{border-color:#f2c48d}.date-soon .date-count{color:#8a3e05}.date-urgent{border-color:#f0a9a5;background:#fff8f7}.date-urgent .date-count{color:#8f1d17}.date-past .date-count{color:var(--ink-muted)}.date-calm .date-count{color:var(--accent)}.import-box{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius);background:var(--accent-soft)}.import-box p{margin:0}.inline-field{display:flex;gap:8px}.inline-field input{flex:1;min-width:0;min-height:48px;padding:0 12px;border:1px solid #d5d7dd;border-radius:12px;background:var(--surface);font:inherit;font-size:16px}.link-button{align-self:flex-start;min-height:44px;padding:0;border:none;background:none;color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.doc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.doc-list.boxed{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:4px 16px}.doc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px}.doc-row+.doc-row{border-top:1px solid var(--line-soft)}.check-label.done{color:var(--ink-muted);text-decoration:line-through}.picker{display:flex;flex-direction:column;gap:10px}.picker-list{max-height:360px;overflow-y:auto}.picker-row{padding:12px 16px}.form-actions.static{position:static}@media (min-width: 900px){.shell{max-width:1160px;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:32px}.topbar{grid-column:1 / -1;padding:20px 24px 8px}.tabbar{position:sticky;top:16px;transform:none;left:auto;bottom:auto;grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:column;gap:4px;width:auto;max-width:none;margin-left:16px;padding:8px;border:1px solid var(--line);border-radius:var(--radius)}.tab{flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:0 14px;border-radius:12px;font-size:15px}.tab.active{background:var(--accent-soft)}.content{grid-column:2;grid-row:2;padding:8px 24px 48px 0;max-width:820px}.form-actions{bottom:16px}.audition-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card{max-width:420px}}.onboarding{max-width:560px;margin:0 auto;padding-top:calc(env(safe-area-inset-top) + 24px);padding-bottom:calc(env(safe-area-inset-bottom) + 32px)}.picker-shown{display:flex;align-items:center;justify-content:space-between;gap:8px}.picker-list.picked{max-height:none;border-color:var(--accent);background:var(--accent-soft)}