:root{color-scheme:light;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.5;font-weight:400;color:#191c1f;background:#f8f9fe;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-height:100%;background:radial-gradient(circle at top left,rgba(0,70,114,.08),transparent 28%),radial-gradient(circle at bottom right,rgba(0,102,95,.06),transparent 30%),#f8f9fe;scroll-behavior:smooth}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:transparent;color:#191c1f;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,input{font:inherit}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button{border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease;touch-action:manipulation}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.55;cursor:not-allowed}input{width:100%;padding:.95rem 0;border:0;border-bottom:2px solid rgba(193,199,208,.35);background:transparent;color:#191c1f;outline:none;transition:border-color .16s ease}input::placeholder{color:#a7adb4}input:focus{border-bottom-color:#004672}button:focus-visible,input:focus-visible,audio:focus-visible{outline:3px solid rgba(26,94,145,.22);outline-offset:3px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-size:1.25rem;line-height:1}h1,h2,h3,h4,.brand-mark,.eyebrow,.metric-card strong,.stage-timer,.page-pill,.record-fab,.topbar-brand h1,.auth-panel h2{font-family:"Noto Serif SC",Songti SC,STSong,serif}.app-shell{--app-shell-inline-padding: 28px;min-height:100dvh;padding:32px var(--app-shell-inline-padding) calc(104px + env(safe-area-inset-bottom))}.auth-app-shell{padding-bottom:32px}.workspace-app-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.centered{display:grid;place-items:center}.eyebrow{margin:0;color:#41474f;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.muted{color:#41474f}.hint-text{margin:0;font-size:.95rem;min-height:22px}.hint-text.info{color:#41474f}.hint-text.success{color:#00665f}.hint-text.error{color:#ba1a1a}.auth-shell{min-height:100%;display:grid;place-items:center}.auth-frame{width:min(1200px,100%);display:grid;grid-template-columns:minmax(320px,1.02fr) minmax(320px,.98fr);background:#f2f3f8;border-radius:2rem;overflow:hidden;box-shadow:0 32px 64px -12px #191c1f14}.auth-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:3rem;padding:3rem;background:linear-gradient(135deg,#004672f2,#1a5e91e6),radial-gradient(circle at top,rgba(176,214,255,.24),transparent 40%);color:#fff}.auth-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),repeating-linear-gradient(120deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 12px,transparent 12px,transparent 36px);pointer-events:none}.auth-brand,.auth-hero-copy,.auth-hero-footer{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:.85rem;font-size:1.5rem;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:#9cf2e8;color:#00201d}.auth-hero-copy{max-width:26rem}.auth-hero-copy .eyebrow{color:#ffffffc7;margin-bottom:1rem}.auth-hero-copy h1{margin:0 0 1rem;font-size:clamp(2.4rem,3.5vw,4rem);line-height:1.05;letter-spacing:-.04em}.auth-hero-copy p:last-child{margin:0;font-size:1.1rem;line-height:1.75;color:#d8ebff}.auth-hero-footer{display:flex;align-items:center;gap:1rem;color:#ffffffe6}.avatar-stack{display:flex;margin-right:.25rem}.avatar-stack span{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;margin-left:-.5rem;border-radius:999px;border:2px solid rgba(26,94,145,.75);background:#ffffff29;font-size:.9rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar-stack span:first-child{margin-left:0}.auth-panel{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding:3rem 3.5rem;background:#fff}.auth-panel-compact{max-width:32rem;min-height:100%;padding:2.8rem 2.6rem 2.2rem}.auth-brand-mobile{display:flex;align-items:center;gap:.75rem;color:#004672;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:1.35rem;font-weight:800}.auth-panel-header{display:grid;gap:.35rem}.auth-panel-header-compact{margin-top:1rem;gap:.45rem}.auth-panel h2{margin:0;font-size:2.2rem;line-height:1.08;letter-spacing:-.04em}.auth-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:fit-content;padding:.35rem;border-radius:999px;background:#f2f3f8}.auth-switch-compact{width:100%;justify-self:stretch}.tab{min-height:44px;min-width:84px;padding:.75rem 1.2rem;border-radius:999px;background:transparent;color:#41474f;font-weight:700;box-shadow:none}.tab.active{background:#fff;color:#004672;box-shadow:0 6px 18px #191c1f14}.auth-form{display:grid;gap:1.4rem}.auth-form-compact{gap:1.75rem}.editorial-field{display:grid;gap:.35rem}.compact-field{gap:.55rem}.editorial-field span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#41474f}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.75rem}.auth-actions-compact{grid-template-columns:1fr}.primary-button,.secondary-button,.wide-button{min-height:54px;border-radius:1.5rem;padding:0 1.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:700}.primary-button-compact{min-height:5rem;font-size:1.08rem}.primary-button{background:linear-gradient(135deg,#004672,#1a5e91);color:#fff;box-shadow:0 12px 32px #00467233}.secondary-button{background:#e1e2e7;color:#004672}.wide-button{width:100%}.auth-support{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.5rem;border-radius:1.5rem;background:#f2f3f8}.support-icon{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:999px;background:#ffdcc3;color:#663500}.auth-support p,.auth-support span{display:block}.auth-support p{margin:0 0 .1rem;font-weight:700}.auth-support span{color:#41474f;font-size:.92rem}.support-link{padding:0;margin-top:.18rem;background:transparent;color:#004672;box-shadow:none;font-size:.92rem;font-weight:700}.support-link:hover:not(:disabled){transform:none;color:#1a5e91;text-decoration:underline}.field-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.85rem}.inline-code-button{min-height:2.8rem;padding:0 .15rem;border-radius:0;background:transparent;color:#004672;box-shadow:none;font-size:.8rem;font-weight:700;white-space:nowrap}.inline-code-button:hover:not(:disabled){transform:none;box-shadow:none;color:#1a5e91}.workspace-shell{max-width:1280px;margin:0 auto;display:grid;gap:1.4rem;overflow-x:clip;touch-action:pan-y}.workspace-stage{min-width:0;will-change:transform,opacity}.workspace-stage.slide-in-from-right{animation:workspace-slide-in-right .36s cubic-bezier(.22,1,.36,1) both}.workspace-stage.slide-in-from-left{animation:workspace-slide-in-left .36s cubic-bezier(.22,1,.36,1) both}@keyframes workspace-slide-in-right{0%{opacity:.78;transform:translate3d(72px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes workspace-slide-in-left{0%{opacity:.78;transform:translate3d(-72px,0,0)}to{opacity:1;transform:translateZ(0)}}.workspace-page{display:grid;gap:1rem}.workspace-page-home{gap:1.4rem;padding:.85rem .85rem 0}.workspace-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem 0 .3rem;background:linear-gradient(180deg,#f8f9fef5,#f8f9fed1,#f8f9fe00);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-brand{display:flex;align-items:center;gap:1rem}.topbar-brand h1{margin:.15rem 0 0;font-size:1.3rem;color:#1a5e91}.topbar-user{display:flex;align-items:center;gap:.9rem}.topbar-user-copy{display:grid;gap:.15rem;text-align:right}.topbar-user-copy strong{font-size:1rem}.user-avatar{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:#cfe5ff;color:#004672;font-weight:800;box-shadow:inset 0 0 0 2px #ffffffbf}.icon-button{width:3rem;height:3rem;display:inline-grid;place-items:center;border-radius:999px}.subtle-button{background:transparent;color:#1a5e91}.workspace-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-top:.5rem}.hero-copy{max-width:42rem}.hero-copy h2{margin:.2rem 0 .6rem;font-size:clamp(2.6rem,5vw,4.1rem);line-height:1;letter-spacing:-.05em}.hero-copy p:last-child{margin:0;color:#41474f;font-size:1.05rem}.hero-rank{display:grid;place-items:center;min-width:8rem;padding:1rem 1.2rem;border-radius:999px;background:#fe932c;color:#663500;text-align:center}.hero-rank strong{font-size:1.55rem}.hero-rank span:last-child{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.stats-bento{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:1rem}.metric-card{display:grid;gap:.7rem;padding:1.6rem;border-radius:1.7rem;background:#f2f3f8}.metric-card-large{grid-row:span 2}.metric-card-accent{background:#00665f;color:#8ce2d8;place-items:center;text-align:center}.metric-card-accent .material-symbols-outlined{font-size:2rem}.metric-card strong{font-size:clamp(1.5rem,4vw,4.7rem);line-height:1;letter-spacing:-.06em;color:#004672}.metric-card-accent strong{color:#fff;font-size:2.6rem}.metric-label{margin:0;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#41474f;font-weight:700}.metric-card-accent .metric-label,.metric-card-accent .metric-footnote{color:#b8f0ea}.metric-footnote{color:#41474f;font-size:.88rem}.metric-meter{height:.55rem;border-radius:999px;overflow:hidden;background:#e1e2e7}.metric-meter-fill{height:100%;background:linear-gradient(90deg,#004672,#1a5e91)}.workspace-main{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(320px,.88fr);gap:1rem;align-items:start}.profile-page{gap:.85rem;padding:.15rem .15rem 0}.profile-identity-card,.profile-stat-card,.profile-rank-card{border-radius:2rem}.profile-identity-card{display:grid;justify-items:center;gap:.7rem;padding:1.3rem 1.05rem 1.15rem;background:#fff;box-shadow:0 14px 36px #191c1f0d}.profile-identity-avatar-wrap{position:relative}.profile-avatar-trigger{position:absolute;inset:0;border-radius:999px;background:transparent;box-shadow:none}.profile-avatar-trigger:hover:not(:disabled){transform:none}.profile-avatar-trigger:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 #00467224;transition:box-shadow .16s ease,background-color .16s ease}.profile-avatar-trigger:hover:not(:disabled):after{box-shadow:inset 0 0 0 5px #ffffff38;background:#0046720a}.profile-identity-avatar{width:5.3rem;height:5.3rem;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;border:4px solid rgba(255,255,255,.96);border-radius:999px;object-fit:cover;background:linear-gradient(135deg,#b8d8ff,#8fbbe9);color:#1d4165;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:1.8rem;font-weight:800;box-shadow:0 10px 26px #244c7024}.profile-avatar-input{display:none}.profile-identity-badge{position:absolute;right:-.15rem;bottom:.15rem;width:2.15rem;height:2.15rem;display:grid;place-items:center;border-radius:999px;color:#fff;box-shadow:0 0 0 4px #fff}.profile-identity-badge.bronze{background:linear-gradient(135deg,#b36c26,#8f4f12)}.profile-identity-badge.silver{background:linear-gradient(135deg,#a2adb8,#7d8996)}.profile-identity-badge.gold{background:linear-gradient(135deg,#e5b340,#b98512)}.profile-identity-badge.purple{background:linear-gradient(135deg,#8e63ff,#5f33c6)}.profile-identity-badge .material-symbols-outlined{font-size:1.15rem;font-variation-settings:"FILL" 1}.profile-identity-copy{display:grid;gap:.1rem;text-align:center}.profile-identity-copy h2,.profile-identity-copy p{margin:0}.profile-identity-copy h2{font-size:1.8rem;line-height:1.05}.profile-identity-copy p{color:#59606b;font-size:.94rem}.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.profile-stat-card{display:grid;gap:.45rem;padding:1rem 1rem .95rem;background:#f2f3f8}.profile-stat-icon{width:2.35rem;height:2.35rem;display:grid;place-items:center;color:#1a5e91;border-radius:1rem;background:#1a5e9114}.profile-stat-icon .material-symbols-outlined{font-size:1.45rem;font-variation-settings:"FILL" 1}.profile-stat-icon.accent{color:#9c5a00;background:#9c5a001a}.profile-stat-card strong{font-family:"Noto Serif SC",Songti SC,STSong,serif;color:#1a5e91;font-size:clamp(1.75rem,5.2vw,2.6rem);line-height:1;letter-spacing:-.05em}.profile-stat-card span:last-child{color:#59606b;font-size:.84rem}.profile-rank-card{display:grid;gap:.45rem;padding:1.05rem 1.1rem 1rem;background:#1a5e91;color:#d7ebff}.profile-rank-icon{color:#d7ebffdb;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:1rem;background:#ffffff1f}.profile-rank-icon .material-symbols-outlined{font-size:1.5rem;font-variation-settings:"FILL" 1}.profile-rank-card strong{font-family:"Noto Serif SC",Songti SC,STSong,serif;color:#fff;font-size:clamp(2rem,6.7vw,3.1rem);line-height:1;letter-spacing:-.06em}.profile-rank-card span:last-child{color:#d7ebffe0;font-size:.88rem}.profile-action-row{display:grid;grid-template-columns:1fr;gap:.6rem}.home-grid,.profile-layout{display:grid;gap:1rem}.profile-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:start}.profile-stats-bento{grid-template-columns:1fr 1fr}.home-hero-card,.home-summary-card,.home-affirmation-card{border-radius:2rem}.home-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;padding:2.3rem 2.1rem;background:#f2f3f8}.home-hero-copy h2{margin:.45rem 0 1.35rem;color:#004672;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.05em}.home-hero-welcome{margin:-.2rem 0 .8rem;color:#41474f;font-size:1.1rem}.home-hero-meta{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.home-hero-meta p{margin:0;color:#41474f}.home-hero-waves{display:grid;gap:.65rem;align-self:center;opacity:.48}.home-hero-waves span{display:block;width:6.4rem;height:.7rem;border-radius:999px;background:linear-gradient(90deg,#c1c7d000,#c1c7d0e6,#c1c7d000);transform:skew(-14deg)}.home-summary-card{padding:1.9rem 1.7rem;display:grid;gap:1.2rem;background:#f2f3f8}.home-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.home-summary-main{display:flex;align-items:baseline;gap:.45rem}.home-summary-main strong{font-family:"Noto Serif SC",Songti SC,STSong,serif;color:#004672;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1}.home-summary-main span{color:#41474f;font-size:1.2rem}.home-summary-score{display:grid;gap:.1rem;justify-items:end;color:#904d00}.home-summary-score strong{font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:2rem;line-height:1}.home-summary-score span{font-size:.92rem;color:#41474f}.home-summary-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#41474f}.home-affirmation-card{min-height:12rem;display:grid;place-items:center;gap:.8rem;padding:2rem 1rem;text-align:center;background:transparent}.home-affirmation-stars{display:flex;gap:.15rem;color:#a7adb4}.home-affirmation-stars .material-symbols-outlined:nth-child(1),.home-affirmation-stars .material-symbols-outlined:nth-child(3){font-size:1.1rem}.home-affirmation-stars .material-symbols-outlined:nth-child(2){font-size:1.6rem}.home-affirmation-card p{margin:0;color:#a7adb4;font-size:1.1rem;letter-spacing:.08em}.home-dashboard-grid{display:grid;gap:1rem;grid-template-columns:repeat(6,minmax(0,1fr))}.home-stat-card,.home-rank-card,.home-progress-card,.home-earliest-card,.home-honor-card{display:grid;gap:.75rem;padding:1.45rem 1.4rem;border-radius:1.65rem;background:#f2f3f8}.home-stat-card strong,.home-rank-card strong,.home-progress-card strong,.home-earliest-card strong{font-family:"Noto Serif SC",Songti SC,STSong,serif;color:#004672;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.home-half-card{grid-column:span 3}.home-span-full{grid-column:1 / -1}.home-rank-head,.home-progress-row,.home-honor-head,.home-honor-item,.home-honor-identity{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.home-progress-row{align-items:end}.home-rank-head span,.home-progress-row span,.home-inline-meta{color:#59606b}.home-count-with-rank{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.home-name-with-meta{display:inline-flex;align-items:baseline;gap:.25rem;flex-wrap:wrap}.home-name-with-meta span{color:#7b828c;font-size:.82rem;font-weight:700;letter-spacing:.02em}.rank-chip{display:inline-flex;align-items:center;min-height:1.95rem;padding:0 .7rem;border-radius:999px;background:#d1e4ff;color:#004672;font-size:.78rem;font-weight:800;letter-spacing:.06em}.home-inline-meta{display:inline-flex;align-items:center;gap:.8rem;flex-wrap:wrap}.metric-meter-fill.accent{background:linear-gradient(90deg,#9c5a00,#c97a0a)}.home-honor-card{gap:0}.home-honor-tabs{width:fit-content;max-width:100%;display:inline-flex;gap:.4rem;padding:.35rem;border-radius:999px;background:#e9edf3;align-self:center;margin-inline:auto;margin-block:.65rem .55rem}.home-honor-tabs.modal{margin-top:-.2rem}.home-honor-tab{min-height:2.2rem;padding:0 .95rem;border-radius:999px;background:transparent;color:#59606b;font-size:.9rem;font-weight:700}.home-honor-tab.active{background:#fff;color:#004672;box-shadow:0 6px 14px #191c1f14}.home-honor-head p,.home-honor-head h4{margin:0}.home-honor-head p{color:#59606b;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.home-honor-head h4{font-size:1.2rem;color:#191c1f}.subtle-link-button{padding:0;background:transparent;color:#1a5e91;font-weight:700}.subtle-link-button:hover:not(:disabled){transform:none}.home-honor-list,.honor-modal-list{display:grid;gap:0}.home-honor-item{padding:.82rem 0;border-top:1px solid rgba(193,199,208,.42)}.home-honor-item:first-child{border-top:0;padding-top:.12rem}.home-honor-empty{padding:.35rem 0 .15rem;color:#7b828c;font-size:.95rem}.home-honor-self-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.82rem 0 .1rem;border-top:1px solid rgba(193,199,208,.42)}.home-honor-item.full{padding:.82rem 0}.home-honor-identity{justify-content:flex-start}.home-honor-identity strong,.home-honor-item>span,.home-honor-self-row>span{line-height:1.2}.home-honor-rank{min-width:2.75rem;color:#59606b;font-size:.88rem;font-weight:700}.home-honor-avatar{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;overflow:hidden;box-sizing:border-box;border:2px solid rgba(255,255,255,.94);border-radius:999px;background:#cfe5ff;color:#004672;font-size:.84rem;font-weight:800;box-shadow:0 5px 14px #0046721a}.avatar-image-fill{width:100%;height:100%;display:block;object-fit:cover;border-radius:999px}.honor-modal-shell{position:fixed;inset:0;z-index:45}.honor-modal-backdrop{position:absolute;inset:0;background:#10182847;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.honor-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 2rem));max-height:min(78dvh,880px);display:grid;gap:1rem;padding:1.4rem;border-radius:1.8rem;background:#fff;box-shadow:0 28px 60px #0f172a29}.confirm-modal-shell{position:fixed;inset:0;z-index:56}.confirm-modal-backdrop{position:absolute;inset:0;background:#10182847;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 2rem));display:grid;gap:1.1rem;padding:1.35rem;border-radius:1.6rem;background:#fff;box-shadow:0 28px 60px #0f172a29}.microphone-mask-shell{position:fixed;inset:0;z-index:60;overflow:hidden;overscroll-behavior:contain;touch-action:none}.microphone-mask-backdrop{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,235,205,.34),transparent 34%),radial-gradient(circle at bottom right,rgba(26,94,145,.16),transparent 28%),#0a121c85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.microphone-mask-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 2rem));display:grid;gap:1.15rem;padding:1.55rem;border-radius:1.85rem;background:#fffffff5;box-shadow:0 28px 72px #0f172a3d;touch-action:auto}.microphone-mask-icon{width:4rem;height:4rem;display:grid;place-items:center;border-radius:1.35rem;background:linear-gradient(135deg,#004672,#1a5e91);color:#fff}.microphone-mask-icon .material-symbols-outlined{font-size:2rem;font-variation-settings:"FILL" 1}.microphone-mask-copy{display:grid;gap:.35rem}.microphone-mask-copy p,.microphone-mask-copy h3{margin:0}.microphone-mask-copy p:first-child,.microphone-mask-tips p{color:#1a5e91;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.microphone-mask-copy h3{color:#16202a;font-size:clamp(1.5rem,4vw,2rem);line-height:1.08}.microphone-mask-copy p:last-child{color:#4f5864;font-size:1rem;line-height:1.6}.microphone-mask-actions{display:grid}.microphone-mask-tips{display:grid;gap:.55rem;padding:1rem 1rem .95rem;border-radius:1.25rem;background:#f2f5fa}.microphone-mask-tips ul{margin:0;padding-left:1.15rem;color:#4f5864;display:grid;gap:.45rem}.confirm-modal-copy{display:grid;gap:.45rem}.confirm-modal-copy p,.confirm-modal-copy h4{margin:0}.confirm-modal-copy p{color:#6a717b;font-size:.9rem;font-weight:700}.confirm-modal-copy h4{color:#191c1f;font-size:1.08rem;line-height:1.5;font-weight:600}.confirm-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.primary-button.danger{background:linear-gradient(135deg,#8a1222,#ba1a1a)}.honor-modal-list{overflow:auto;padding-right:.2rem}.record-empty-card.compact{min-height:8rem}.record-collection-page{--record-page-inline-padding: .85rem;gap:1.35rem;padding:.55rem var(--record-page-inline-padding) 0}.record-search-shell,.record-category-section,.record-list-section{display:grid;gap:1rem}.record-search-shell{grid-template-columns:minmax(0,1fr) auto;align-items:center}.record-search-bar{display:flex;align-items:center;gap:1rem;min-height:5.75rem;padding:0 1.4rem;border-radius:2rem;background:#f2f3f8;color:#7c8188;box-shadow:inset 0 0 0 1px #ffffff8c}.record-search-bar .material-symbols-outlined{font-size:2rem;color:#5e6670}.record-search-bar input{border:0;padding:0;background:transparent;color:#191c1f;font-size:1.55rem;line-height:1.2}.record-search-bar input::-webkit-search-cancel-button{-webkit-appearance:none}.record-search-bar input:focus{border:0}.record-search-dictionary-trigger{min-width:4.65rem;min-height:4.65rem;display:inline-grid;justify-items:center;align-content:center;gap:.14rem;padding:.46rem .72rem;border-radius:1.6rem;background:#ffffffe0;box-shadow:inset 0 0 0 1px #d5dce6eb,0 10px 22px #0f172a0d;color:#195d90;text-align:center}.record-search-dictionary-trigger .material-symbols-outlined{font-size:1.2rem}.record-search-dictionary-trigger span:last-child{font-size:.76rem;font-weight:700;letter-spacing:.04em}.record-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.record-category-head,.record-list-head{position:sticky;top:0;z-index:8;padding:calc(env(safe-area-inset-top) + .5rem) calc(var(--app-shell-inline-padding) + var(--record-page-inline-padding)) .8rem;margin:-.2rem calc((var(--app-shell-inline-padding) + var(--record-page-inline-padding)) * -1) -.05rem;background:linear-gradient(180deg,#f9fafffa,#f9faffeb 72%,#f9faff00);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.record-category-head{z-index:8}.record-list-head{z-index:9}.section-title-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.record-section-head-actions{display:inline-flex;align-items:center;gap:.6rem;margin-left:auto}.section-title-row h2,.record-section-head h2{margin:0;font-size:2rem;line-height:1.1;letter-spacing:-.04em}.section-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:0 .95rem;border-radius:999px;background:#eef0f5;color:#59606b;font-size:.95rem;font-weight:700}.record-category-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,92%);gap:1rem;overflow-x:auto;padding:.55rem .35rem 1rem;margin:-.35rem -.35rem -.8rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:.35rem;scrollbar-width:none}.record-category-strip::-webkit-scrollbar{display:none}.category-card{display:grid;gap:1rem;min-height:12.4rem;padding:1.35rem 1.55rem;border-radius:2.2rem;background:#f2f3f8;color:#191c1f;text-align:left;border:1px solid rgba(223,227,236,.95);box-shadow:inset 0 1px #ffffff85;scroll-snap-align:start;scroll-snap-stop:always}.category-card.active{background:#fff;border-color:#d1e4ffcc;box-shadow:none}.category-card-level{font-family:"Noto Serif SC",Songti SC,STSong,serif;color:#9c5a00;font-size:.84rem;font-weight:700;letter-spacing:.08em}.category-card-body{display:block;min-height:3.9rem}.category-card-body h3{margin:0;font-size:2.28rem;line-height:1.05;letter-spacing:-.05em}.category-card-footer{display:grid;gap:.42rem;align-self:end;margin-top:auto}.category-card-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.category-card-progress-meta p,.category-card-progress-meta strong{margin:0}.category-card-progress-meta p{color:#41474f;font-size:1rem}.category-progress-bar{width:100%;height:.58rem;border-radius:999px;overflow:hidden;background:#dfe2ea}.category-progress-fill{height:100%;background:linear-gradient(90deg,#004672,#1a5e91)}.category-card-progress-meta strong{font-size:1.05rem;color:#41474f}.phrase-filter{position:relative}.phrase-filter-trigger{min-height:2.7rem;display:inline-flex;align-items:center;gap:.35rem;padding:0 .85rem 0 1rem;border-radius:999px;background:#eef0f5;color:#41474f;font-size:.92rem;font-weight:700}.phrase-filter-trigger .material-symbols-outlined{font-size:1.1rem}.phrase-filter-menu{position:absolute;top:calc(100% + .55rem);right:0;z-index:12;min-width:10rem;display:grid;gap:.2rem;padding:.45rem;border-radius:1.1rem;background:#fffffff5;box-shadow:0 18px 40px #191c1f1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.phrase-filter-option{min-height:2.6rem;display:flex;align-items:center;width:100%;padding:0 .85rem;border-radius:.9rem;background:transparent;color:#41474f;font-size:.92rem;font-weight:700;text-align:left}.phrase-filter-option.active{background:#d1e4ff;color:#004672}.task-phrase-list{display:grid;gap:1rem}.record-list-loader{padding:.6rem .2rem .1rem;text-align:center;color:#59606b;font-size:.92rem}.record-list-complete{padding:.75rem .2rem .1rem;text-align:center;color:#8a9098;font-size:.9rem}.record-list-sentinel{width:100%;height:1px}.task-phrase-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.78rem .92rem;border-radius:1.35rem;background:#fff;border:1px solid rgba(225,229,235,.9);color:#191c1f;text-align:left;cursor:pointer;box-shadow:0 8px 22px #191c1f0a}.task-phrase-card:focus-visible{outline:3px solid rgba(26,94,145,.22);outline-offset:3px}.task-phrase-card.done{background:linear-gradient(135deg,#f0f9f6fa,#f7fafffa);border-color:#a7d6cdb8;box-shadow:0 10px 26px #00504a0f,inset 0 1px #ffffffb8}.task-phrase-main{min-width:0;display:grid;gap:.22rem}.task-phrase-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.task-phrase-meta{margin:0;color:#66707a;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.task-phrase-card.done .task-phrase-meta{color:#4d6970}.task-phrase-copy{min-width:0;display:block}.task-phrase-copy h3{margin:0;font-size:1.02rem;line-height:1.32;letter-spacing:-.02em}.task-phrase-actions{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.task-phrase-mini-button{width:2.75rem;height:2.75rem;display:inline-grid;place-items:center;border-radius:999px}.task-phrase-mini-button.secondary{background:#dbf1edf5;color:#00665f}.task-phrase-mini-button .material-symbols-outlined{font-size:1.28rem}.task-phrase-mini-button.loading .material-symbols-outlined{animation:task-button-spin .9s linear infinite}@keyframes task-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.record-empty-card{min-height:12rem;display:grid;place-items:center;gap:.5rem;padding:2rem 1.5rem;border-radius:2rem;background:#f2f3f8;text-align:center;color:#59606b}.record-empty-card .material-symbols-outlined{font-size:2rem}.record-empty-card p{margin:0}.record-detail-drawer-shell{position:fixed;inset:0;z-index:40;overflow:hidden;overscroll-behavior:none}.paraphrase-drawer-shell{z-index:50}.record-detail-backdrop{position:absolute;inset:0;background:#10182838;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:drawer-backdrop-enter .18s ease}.record-detail-backdrop.closing{animation:drawer-backdrop-exit .18s ease forwards}.record-detail-drawer{position:absolute;top:0;right:0;width:min(540px,100%);--record-drawer-inline-padding: clamp(1rem, 3.8vw, 1.25rem);height:100%;overflow:hidden;background:#f8f9fe;box-shadow:-18px 0 42px #0f172a1f;animation:drawer-enter .18s ease}.paraphrase-drawer{width:min(520px,100%)}.record-detail-drawer.closing{animation:drawer-exit .18s ease forwards}@keyframes drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-exit{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes drawer-page-enter{0%{opacity:.84;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-page-exit{0%{opacity:1;transform:translate(0)}to{opacity:.9;transform:translate(28px)}}@keyframes drawer-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes drawer-backdrop-exit{0%{opacity:1}to{opacity:0}}.record-detail-header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + .9rem) var(--record-drawer-inline-padding) 0;pointer-events:none}.record-detail-back-button,.record-detail-tool-button{width:2.9rem;height:2.9rem;display:inline-grid;place-items:center;border-radius:999px;background:#ffffffeb;color:#004672;box-shadow:0 10px 24px #191c1f14;pointer-events:auto}.record-detail-back-button .material-symbols-outlined,.record-detail-tool-button .material-symbols-outlined{font-size:1.3rem}.paraphrase-drawer-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top) + 4.65rem) var(--record-drawer-inline-padding) calc(1.6rem + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.paraphrase-drawer-layout{display:grid;gap:1.15rem;animation:drawer-page-enter .22s cubic-bezier(.22,1,.36,1)}.record-detail-drawer.closing .paraphrase-drawer-layout{animation:drawer-page-exit .18s cubic-bezier(.22,1,.36,1) forwards}.paraphrase-drawer-head{display:grid;gap:.9rem}.paraphrase-drawer-title{display:grid;gap:.2rem}.paraphrase-drawer-title p,.paraphrase-drawer-title h3{margin:0}.paraphrase-drawer-title p{color:#647080;font-size:.86rem;font-weight:700}.paraphrase-drawer-title h3{color:#1f2733;font-size:1.72rem;line-height:1.2}.paraphrase-drawer-controls{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.paraphrase-filter-chip{min-height:2.15rem;padding:0 .9rem;border-radius:999px;background:#eef1f6;color:#55606c;font-size:.84rem;font-weight:700}.paraphrase-filter-chip.active{background:#0b66a11f;color:#0b66a1;box-shadow:inset 0 0 0 1px #0b66a129}.paraphrase-add-trigger{display:inline-flex;align-items:center;gap:.28rem;font-size:.88rem;font-weight:700}.paraphrase-add-trigger .material-symbols-outlined{font-size:1rem}.paraphrase-drawer-body{position:relative}.paraphrase-entry-sections{display:grid;gap:1.15rem}.paraphrase-entry-block{display:grid;gap:.72rem;scroll-margin-top:calc(env(safe-area-inset-top) + 5.5rem)}.paraphrase-entry-block-head{display:flex;align-items:center}.paraphrase-entry-block-head span{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 .72rem;border-radius:999px;background:#eef1f6;color:#5f6b78;font-size:.8rem;font-weight:800;letter-spacing:.16em}.paraphrase-entry-list{display:grid;gap:.56rem}.paraphrase-entry-card{display:flex;align-items:center;justify-content:flex-start;gap:.42rem;flex-wrap:wrap;width:100%;padding:.78rem .92rem;border-radius:1.2rem;background:#ffffffe0;box-shadow:inset 0 0 0 1px #dce2ebc7,0 8px 20px #0f172a0a;text-align:left;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease,box-shadow .18s ease}.paraphrase-entry-card:hover,.paraphrase-entry-card:focus-visible{transform:translate(2px);background:#fffffff5;box-shadow:inset 0 0 0 1px #c8d2e0eb,0 10px 22px #0f172a0f}.paraphrase-entry-source,.paraphrase-entry-target{display:inline-flex;align-items:center;min-height:1.86rem;padding:.14rem .72rem;border-radius:999px;font-size:.9rem;font-weight:700}.paraphrase-entry-source{background:#eef2f8;color:#4a5563}.paraphrase-entry-target{background:#0b66a11a;color:#0b66a1}.paraphrase-entry-arrow{color:#7d8998;font-size:1rem}.paraphrase-alpha-index{position:fixed;top:50%;right:max(.8rem,calc((100vw - min(520px,100vw))/2 + .55rem));transform:translateY(-50%);z-index:4;display:grid;gap:.18rem;padding:.42rem .28rem;border-radius:999px;background:#f8f9fec7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 28px #0f172a14}.paraphrase-alpha-index-button{min-width:1.5rem;min-height:1.5rem;border-radius:999px;color:#5f6b78;font-size:.72rem;font-weight:800;letter-spacing:.08em}.paraphrase-alpha-index-button:hover,.paraphrase-alpha-index-button:focus-visible{background:#0b66a11a;color:#0b66a1}.dictionary-swipe-row{position:relative;isolation:isolate;overflow:visible;touch-action:pan-y}.dictionary-swipe-shell{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dictionary-swipe-row.open .dictionary-swipe-card{transform:translate(calc(-1 * var(--variant-swipe-delete-width, 92px)))}.dictionary-swipe-row.open .dictionary-swipe-delete{opacity:1;transform:translateY(-50%) scale(1)}.dictionary-swipe-delete{position:absolute;top:50%;right:0;width:var(--variant-swipe-delete-width, 92px);height:100%;display:inline-grid;place-items:center;pointer-events:auto;padding:0;border-radius:0;background:transparent;color:#ba1a1a;box-shadow:none;opacity:0;transform:translateY(-50%) scale(.88);transition:opacity .16s ease,transform .18s cubic-bezier(.22,1,.36,1)}.dictionary-swipe-delete:hover:not(:disabled){transform:translateY(-50%) scale(1)}.dictionary-swipe-delete:active:not(:disabled){transform:translateY(-50%) scale(.96)}.dictionary-swipe-delete:disabled{opacity:.72}.dictionary-swipe-delete .material-symbols-outlined{display:inline-grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:999px;background:linear-gradient(180deg,#c4382b24,#a7251a33);box-shadow:inset 0 0 0 1px #ba1a1a2e;font-size:1.25rem;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.dictionary-swipe-delete:disabled .material-symbols-outlined{animation:task-button-spin .9s linear infinite}.dictionary-swipe-card{position:relative;z-index:1;transition:transform .18s cubic-bezier(.22,1,.36,1)}.paraphrase-detail-modal-card{display:grid;gap:1rem}.paraphrase-detail-copy{gap:.72rem}.paraphrase-detail-terms{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap}.paraphrase-detail-stats{display:grid;gap:.88rem}.paraphrase-detail-stat,.paraphrase-detail-author{display:grid;gap:.32rem}.paraphrase-detail-stat span,.paraphrase-detail-author span{color:#6e7784;font-size:.82rem}.paraphrase-detail-stat strong,.paraphrase-detail-author strong{color:#1f2733;font-size:1rem}.paraphrase-detail-author-row{display:flex;align-items:center;gap:.72rem}.paraphrase-detail-avatar{width:2.7rem;height:2.7rem;display:inline-grid;place-items:center;overflow:hidden;border-radius:999px;background:linear-gradient(180deg,#dbe9ff,#eef4ff);color:#114d7a;font-size:.96rem;font-weight:800}.record-detail-scroll{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top) + 4.65rem) var(--record-drawer-inline-padding) calc(132px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.record-detail-scroll.capture-mode{padding-bottom:calc(188px + env(safe-area-inset-bottom))}.record-detail-scroll.action-mode{padding-bottom:calc(132px + env(safe-area-inset-bottom))}.record-detail-scroll.done:before{content:"";position:absolute;top:0;left:0;right:0;height:min(20rem,42%);background:linear-gradient(180deg,#f0f9f6fa,#f7fafff0 72%,#f8f9fe00);pointer-events:none}.record-detail-layout{position:relative;z-index:1;display:grid;gap:1rem;animation:drawer-page-enter .22s cubic-bezier(.22,1,.36,1)}.record-detail-drawer.closing .record-detail-layout{animation:drawer-page-exit .18s cubic-bezier(.22,1,.36,1) forwards}.record-detail-sentence-card,.record-section-group{display:grid;gap:.6rem}.record-section-block{border-radius:2rem;background:#fff;box-shadow:0 12px 32px #191c1f0f}.variant-section-block{border-radius:0;background:transparent;box-shadow:none}.record-detail-sentence-card{display:grid;gap:1rem;padding:1.45rem 1.35rem;justify-items:center;text-align:center}.record-detail-progress{width:100%;display:grid;gap:.45rem}.record-detail-progress-copy{display:flex;justify-content:flex-start}.record-detail-progress-copy strong{color:#4d5662;font-size:.82rem;font-weight:700;letter-spacing:.02em}.record-detail-progress-track{position:relative;width:100%;height:.38rem;overflow:hidden;border-radius:999px;background:#e8edf4}.record-detail-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b66a1,#2d89c6);transition:width .22s cubic-bezier(.22,1,.36,1)}.record-detail-sentence-card .stage-meta{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;margin:0;padding:.2rem .95rem;border-radius:999px;background:#f2f5fa;box-shadow:inset 0 0 0 1px #d2dae4d9}.record-detail-sentence-card h3{margin:0;font-size:clamp(1.7rem,4.8vw,2.4rem);line-height:1.18;letter-spacing:.06em;text-align:center}.record-detail-nav-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.record-detail-guidance{margin:-.1rem 0 .15rem;padding:0 .2rem;color:#5f6772;font-size:.9rem;line-height:1.5;text-align:center}.variant-option-list{display:grid;gap:.8rem}.variant-swipe-row{position:relative;isolation:isolate;overflow:visible;touch-action:pan-y}.variant-swipe-shell{position:absolute;inset:0;overflow:hidden;pointer-events:none}.variant-swipe-row.open .variant-swipe-card{transform:translate(calc(-1 * var(--variant-swipe-delete-width, 92px)))}.variant-swipe-row.open .variant-swipe-delete{opacity:1;transform:translateY(-50%) scale(1)}.variant-swipe-delete{position:absolute;top:50%;right:0;width:var(--variant-swipe-delete-width, 92px);height:100%;display:inline-grid;place-items:center;pointer-events:auto;padding:0;border-radius:0;background:transparent;color:#ba1a1a;box-shadow:none;opacity:0;transform:translateY(-50%) scale(.88);transition:opacity .16s ease,transform .18s cubic-bezier(.22,1,.36,1)}.variant-swipe-delete:hover:not(:disabled){transform:translateY(-50%) scale(1)}.variant-swipe-delete:active:not(:disabled){transform:translateY(-50%) scale(.96)}.variant-swipe-delete:disabled{opacity:.72}.variant-swipe-delete .material-symbols-outlined{display:inline-grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:999px;background:linear-gradient(180deg,#c4382b24,#a7251a33);box-shadow:inset 0 0 0 1px #ba1a1a2e;font-size:1.25rem;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.variant-swipe-delete:disabled .material-symbols-outlined{animation:task-button-spin .9s linear infinite}.variant-swipe-card{position:relative;z-index:1;transition:transform .18s cubic-bezier(.22,1,.36,1)}.variant-option-card{position:relative;overflow:hidden;width:100%;display:block;text-align:left;padding:.88rem 1.05rem;border-radius:1.12rem;background:#f6f8fd;box-shadow:inset 0 0 0 1px #dbe1eab3;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.variant-option-card.mine{padding-right:4.6rem}.variant-option-card{border-top-left-radius:0;border-bottom-left-radius:0}.variant-option-card.original{background:#fff7da;box-shadow:inset 0 0 0 1px #e7d185d1}.variant-option-card.active{background:#e1eeff;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:inset 0 0 0 1.5px #005b9147,0 10px 24px #00467214;transform:translateY(-1px)}.variant-option-card.original.active{background:#e1eeff;box-shadow:inset 0 0 0 1.5px #005b9147,0 10px 24px #00467214}.variant-option-card.active:before{content:"";position:absolute;top:0;bottom:0;left:0;width:.24rem;opacity:0;background:linear-gradient(180deg,#0b66a1,#004672);transform:scaleY(.4);transform-origin:center;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.variant-option-card.active:before{opacity:1;transform:scaleY(1)}.variant-option-copy{display:grid;gap:.28rem;transition:transform .22s cubic-bezier(.22,1,.36,1)}.variant-option-card.active .variant-option-copy{transform:translate(.45rem)}.variant-option-copy strong{color:#1c2330;font-size:1rem;line-height:1.5}.variant-diff-changed{color:#005b91;background:#b8d8ff7a;box-shadow:0 0 0 .12rem #b8d8ff7a;border-radius:.24rem}.variant-option-copy span{color:#5d6672;font-size:.88rem;line-height:1.5}.variant-owner-badge{position:absolute;top:.8rem;right:.9rem;display:inline-flex;align-items:center;min-height:1.45rem;padding:0 .55rem;border-radius:999px;background:#00665f1a;box-shadow:inset 0 0 0 1px #00665f29;color:#00665f;font-size:.74rem;font-weight:700;letter-spacing:.02em}.variant-owner-badge.ai{background:#1a5e911a;box-shadow:inset 0 0 0 1px #1a5e9129;color:#1a5e91}.variant-option-card.active .variant-owner-badge{background:#0046721a;box-shadow:inset 0 0 0 1px #005b912e;color:#004672}.variant-compose-form{display:grid;gap:.8rem}.variant-compose-copy{display:grid;gap:.22rem}.variant-compose-copy h5{margin:0;color:#29313c;font-size:.95rem}.variant-compose-copy p{margin:0;color:#69717c;font-size:.84rem;line-height:1.5}.variant-compose-copy span{color:#6a7280;font-size:.8rem;line-height:1.45}.variant-compose-form textarea{width:100%;resize:vertical;min-height:5.4rem;border:0;padding:1rem 1.05rem;border-radius:1.35rem;background:#f6f8fd;box-shadow:inset 0 0 0 1px #dbe1eac7;color:#1f2733;font:inherit;line-height:1.6}.variant-compose-form textarea::placeholder{color:#8b93a0}.variant-compose-button{width:100%}.variant-compose-modal-card{max-width:min(92vw,32rem)}.variant-add-trigger{display:inline-flex;align-items:center;gap:.28rem;min-height:auto;padding:0;font-size:.88rem;font-weight:700}.variant-add-trigger .material-symbols-outlined{font-size:1rem}.record-nav-button.loading .material-symbols-outlined{animation:task-button-spin .9s linear infinite}.record-section-block{display:grid;gap:1rem;padding:1.2rem}.variant-section-block{gap:.95rem;padding:0}.record-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .2rem}.record-section-title-row h4{margin:0;font-size:.96rem;font-weight:700;color:#41474f}.record-section-title-row span{color:#1a5e91;font-size:.84rem;font-weight:600}.recording-feed-list{display:grid;gap:.9rem;padding:0 .1rem}.recording-feed-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.95rem;padding:1rem 1.05rem;border-radius:1.6rem;background:linear-gradient(180deg,#f8fafe,#f3f7fd);box-shadow:inset 0 0 0 1px #dbe1eab8,0 10px 26px #191c1f0d}.recording-feed-card.mine{background:linear-gradient(180deg,#f5faff,#edf5ff)}.recording-feed-card.draft{background:linear-gradient(135deg,#fff8e1f5,#f1f7fffa)}.recording-feed-card.inserted{animation:recording-feed-insert .32s cubic-bezier(.22,1,.36,1)}@keyframes recording-feed-insert{0%{opacity:0;transform:translateY(-14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.recording-feed-avatar{width:3rem;height:3rem;display:inline-grid;place-items:center;overflow:hidden;box-sizing:border-box;border:2px solid rgba(255,255,255,.94);border-radius:999px;background:#d6ebff;color:#005b91;font-size:.95rem;font-weight:700;box-shadow:0 6px 16px #0046721a}.recording-feed-copy{min-width:0;display:grid;gap:.18rem}.recording-feed-copy strong{font-size:1.04rem}.recording-feed-meta{display:inline-flex;align-items:baseline;gap:0;color:#59606b;font-size:.92rem}.recording-feed-meta strong{font-size:inherit;font-weight:700;color:#59606b}.recording-feed-meta.pending strong{color:#8a5b00}.recording-feed-meta.saved strong{color:#00665f}.recording-feed-play{width:3.15rem;height:3.15rem;display:inline-grid;place-items:center;border-radius:999px;background:#004672;color:#fff;box-shadow:0 12px 28px #00467229}.recording-feed-play.playing{background:#0a6f68}.recording-feed-play.loading .material-symbols-outlined{animation:task-button-spin .9s linear infinite}.record-personal-list,.record-community-list{display:grid;gap:.9rem}.record-personal-list,.record-community-list{padding:0 .1rem}.record-entry-card,.community-entry-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.95rem;padding:1rem 1.05rem;border-radius:1.6rem;background:#f6f8fd}.record-entry-card.draft{background:linear-gradient(135deg,#e1eeffb8,#eff5fff5)}.record-entry-play,.community-entry-play{width:3.15rem;height:3.15rem;display:inline-grid;place-items:center;border-radius:999px;background:#004672;color:#fff;box-shadow:0 12px 28px #00467229}.record-entry-play.playing,.community-entry-play.playing{background:#0a6f68}.record-entry-play.loading .material-symbols-outlined,.community-entry-play.loading .material-symbols-outlined{animation:task-button-spin .9s linear infinite}.record-entry-copy,.community-entry-copy{min-width:0;display:grid;gap:.18rem}.record-entry-copy strong,.community-entry-copy strong{font-size:1.08rem}.record-entry-copy span,.community-entry-copy span{color:#59606b;font-size:.92rem}.record-entry-badge{display:inline-flex;align-items:center;min-height:2rem;padding:0 .8rem;border-radius:999px;font-size:.84rem;font-weight:700}.record-entry-badge.pending{background:#e1a00024;color:#7b5200}.record-entry-badge.saved{background:#00665f24;color:#00665f}.community-entry-avatar{width:3rem;height:3rem;display:inline-grid;place-items:center;border-radius:999px;background:#d6ebff;color:#005b91;font-size:.95rem;font-weight:700}.record-empty-inline{padding:1rem .2rem .1rem;color:#7c838d;font-size:.94rem}.record-detail-footer{position:absolute;left:0;right:0;bottom:0;z-index:3;display:grid;align-items:end;padding:.85rem var(--record-drawer-inline-padding) calc(.95rem + env(safe-area-inset-bottom));background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.record-detail-footer.capture-mode{padding-bottom:calc(1.15rem + env(safe-area-inset-bottom))}.record-detail-footer.action-mode{padding-bottom:calc(.95rem + env(safe-area-inset-bottom))}.record-footer-card{min-height:5.3rem;display:grid;align-items:center;justify-items:center;align-content:center;border-radius:1.8rem;position:relative;padding:.85rem 1rem;background:#f8f9feb8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 -8px 32px #191c1f0f;transition:min-height 1s cubic-bezier(.22,1,.36,1),padding 1s cubic-bezier(.22,1,.36,1),background-color 1s ease,opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1)}.record-footer-card.live{min-height:10.4rem;grid-template-rows:1fr auto;gap:.5rem;padding:1.1rem 1rem .95rem;background:#f8f9fee6}.record-footer-card.action{min-height:5.3rem;grid-template-rows:auto;gap:0;padding:.75rem}.record-footer-main{max-height:12rem;width:100%;display:grid;justify-items:center;align-content:stretch;grid-template-rows:1fr auto;gap:.5rem;transition:max-height 1s cubic-bezier(.22,1,.36,1),opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1)}.record-footer-main.hidden{max-height:0;opacity:0;transform:translateY(12px);overflow:hidden;pointer-events:none}.record-footer-controls{width:100%;display:grid;justify-items:center;gap:.36rem;align-self:end}.record-footer-actions{display:grid;align-items:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%;max-height:0;opacity:0;transform:translateY(18px);overflow:hidden;pointer-events:none;transition:max-height 1s cubic-bezier(.22,1,.36,1),opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1)}.record-footer-actions.visible{max-height:6rem;opacity:1;transform:translateY(0);pointer-events:auto}.record-footer-caption{color:#004672;font-size:.82rem;font-weight:700}.record-footer-waveform{width:min(15rem,100%);justify-self:center;align-self:end;max-height:0;opacity:0;transform:translateY(10px);overflow:hidden;transition:max-height 1s cubic-bezier(.22,1,.36,1),opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1)}.record-footer-waveform.visible{max-height:4rem;opacity:1;transform:translateY(0)}.record-footer-waveform .waveform-bars{gap:.28rem;height:3.3rem}.record-footer-waveform .wave-bar{background:#00467247}.record-footer-waveform .wave-bar.live{background:#004672e0}.drawer-record-fab{width:4.8rem;height:4.8rem;box-shadow:0 16px 36px #00467238}.footer-action-button{min-height:3.9rem;border-radius:1.35rem}.recorder-stage,.sidebar-card{border-radius:1.75rem}.recorder-stage{background:#fff;padding:1.5rem;box-shadow:0 12px 32px #191c1f0f}.stage-status-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.status-chip{display:inline-flex;align-items:center;gap:.6rem;min-height:2.3rem;padding:0 .95rem;border-radius:999px;background:#9cf2e88c;color:#00504a;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-chip.live{background:#ffdcc3c7;color:#6e3900}.status-dot{width:.55rem;height:.55rem;border-radius:999px;background:currentColor;box-shadow:0 0 #904d008c}.status-chip.live .status-dot{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #904d0099}70%{box-shadow:0 0 0 10px #904d0000}to{box-shadow:0 0 #904d0000}}.stage-timer{font-size:1.2rem;color:#004672}.sentence-stage{display:grid;gap:1rem;padding:1.2rem 0 1.6rem}.stage-meta{margin:0;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#41474f;font-weight:700}.sentence-stage h3{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.stage-note{padding:1.4rem;border-radius:1.5rem;background:#f2f3f8}.stage-note p{margin:0 0 .45rem;color:#41474f;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.stage-note span{color:#41474f;line-height:1.75}.waveform-bars{display:flex;align-items:flex-end;gap:.34rem;height:5rem}.wave-bar{flex:1;min-height:14%;border-radius:999px;background:#00467259;transition:height 72ms linear,opacity .18s ease,transform .18s ease}.wave-bar.live{background:#004672cc;opacity:1}.waveform-bars .wave-bar:nth-child(odd){opacity:.72}@keyframes bounce{0%,to{transform:scaleY(.86)}50%{transform:scaleY(1)}}.record-live-dim{position:absolute;inset:0;z-index:2;background:#1a1e247a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity 1s ease;pointer-events:none}.record-live-dim.visible{opacity:1}.record-live-copy{position:absolute;z-index:3;max-width:calc(100% - (var(--record-drawer-inline-padding) * 2));opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.record-live-copy.visible{opacity:1;transform:translateY(0)}.record-live-copy h3{margin:0;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.18)}.transport-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin:1.9rem 0 1.1rem}.transport-item,.transport-primary{display:grid;justify-items:center;gap:.55rem}.transport-item span:last-child,.transport-primary span:last-child{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#41474f;font-weight:700}.record-fab{width:6rem;height:6rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#004672,#1a5e91);color:#fff;box-shadow:0 14px 36px #00467247}.record-fab .material-symbols-outlined{display:block;margin:0;font-size:2.1rem;line-height:1;color:#fff;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.record-fab-inner{width:4.7rem;height:4.7rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;border-radius:999px;border:4px solid rgba(255,255,255,.18)}.stage-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.upload-meter{display:grid;gap:.5rem;margin-top:1rem}.upload-meter-track{width:100%;height:.5rem;background:#e1e2e7;border-radius:999px;overflow:hidden}.upload-meter-value{height:100%;background:linear-gradient(90deg,#004672,#1a5e91)}.audio-stack{display:grid;gap:.8rem;margin-top:1rem}.audio-card{padding:1rem 1.1rem;border-radius:1.4rem;background:#f2f3f8}.audio-card-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.6rem;color:#41474f;font-size:.9rem}.audio-card audio{width:100%}.library-sidebar{display:grid;gap:1rem}.sidebar-card{padding:1.25rem;background:#f2f3f8}.sidebar-card-accent{background:#fff;box-shadow:0 8px 22px #191c1f0d}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sidebar-head h3{margin:.15rem 0 0;font-size:1.35rem;line-height:1.1}.page-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .75rem;border-radius:999px;background:#fff;color:#004672;font-size:.8rem;font-weight:700}.page-switcher{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.sentence-list{display:grid;gap:.7rem;max-height:30rem;overflow:auto;-webkit-overflow-scrolling:touch}.sentence-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.9rem 1rem;border-radius:1.4rem;background:#fff;color:#191c1f;text-align:left;box-shadow:0 1px 4px #191c1f0a}.sentence-item.active{background:#dfeeff}.sentence-avatar{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:#cfe5ff;color:#004672;font-size:.85rem;font-weight:700}.sentence-copy{min-width:0}.sentence-item-category{margin:0 0 .16rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#41474f}.sentence-item-text{margin:0;line-height:1.55;color:#191c1f}.state-dot{width:.72rem;height:.72rem;border-radius:999px}.state-dot.done{background:#00665f}.state-dot.pending{background:#c1c7d0}.contribution-grid{display:grid;gap:.45rem}.matrix-cell{position:relative;width:100%;aspect-ratio:1;border-radius:.8rem;background:#fff}.matrix-cell.pending{background:#e1e2e7}.matrix-cell.done{background:#00665f}.matrix-cell.active{background:#004672}.matrix-cell.empty{background:#ffffff61}.matrix-label{position:absolute;left:.32rem;bottom:.18rem;font-size:.58rem;color:#191c1fad}.matrix-cell.done .matrix-label,.matrix-cell.active .matrix-label{color:#fffffff0}.sidebar-note{margin:0 0 1rem;color:#41474f;line-height:1.7}.profile-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-avatar-large{display:inline-grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:999px;background:#cfe5ff;color:#004672;font-size:1.15rem;font-weight:800}.profile-summary-copy{display:grid;gap:.18rem}.profile-summary-copy strong{font-size:1.02rem}.profile-summary-copy span{color:#41474f;font-size:.92rem}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.profile-stats div{display:grid;gap:.22rem;padding:.85rem .9rem;border-radius:1rem;background:#f2f3f8}.profile-stats span{color:#41474f;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.profile-stats strong{font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:1.15rem;color:#004672}.bottom-nav{position:fixed;left:50%;bottom:.65rem;z-index:30;transform:translate(-50%);opacity:1;width:min(420px,calc(100% - 1.25rem));display:flex;align-items:center;justify-content:space-around;gap:.4rem;padding:.6rem;border-radius:1.8rem;background:#f8f9feb8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 -8px 32px #191c1f0f;transition:transform .32s ease,opacity .32s ease}.bottom-nav.hidden{transform:translate(-50%) translateY(calc(100% + 18px));opacity:0;pointer-events:none}.bottom-nav-item{flex:1;min-height:3.5rem;display:grid;place-items:center;gap:.15rem;padding:.45rem .5rem;border-radius:1.3rem;background:transparent;color:#41474f}.bottom-nav-item span:last-child{font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.bottom-nav-item.active{background:#d1e4ff;color:#001d34}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1080px){.stats-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card-large{grid-column:span 2;grid-row:auto}.workspace-main{grid-template-columns:1fr}.record-category-strip{grid-auto-columns:minmax(340px,82%)}.profile-layout{grid-template-columns:1fr}}@media(max-width:840px){.auth-frame{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{padding:2rem 1.4rem}.auth-panel-compact{max-width:none;padding:2rem 1.5rem 1.8rem}.workspace-topbar{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.workspace-hero{flex-direction:column;align-items:flex-start}.record-detail-drawer{width:min(520px,100%)}.transport-controls{grid-template-columns:1fr;justify-items:stretch}.transport-item,.transport-primary{justify-items:center}}@media(max-width:640px){.app-shell{--app-shell-inline-padding: 18px;padding:20px var(--app-shell-inline-padding) calc(98px + env(safe-area-inset-bottom))}.auth-app-shell{padding-bottom:20px}.workspace-topbar{gap:.8rem}.topbar-brand h1{font-size:1.08rem}.topbar-user-copy{display:none}.stats-bento,.auth-actions,.page-switcher,.stage-action-row,.profile-stats-bento{grid-template-columns:1fr}.metric-card-large{grid-column:auto}.hero-copy h2{font-size:2.5rem}.sentence-stage h3{font-size:2rem}.stage-action-row .secondary-button{width:100%}.home-hero-card,.home-summary-top,.home-summary-footer{grid-template-columns:1fr;display:grid}.home-dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home-stat-card,.home-rank-card,.home-progress-card,.home-earliest-card,.home-honor-card{padding:1.2rem 1.05rem}.home-stat-card-third{grid-column:span 2}.home-half-card{grid-column:span 3}.home-span-full{grid-column:1 / -1}.workspace-page-home{padding:.45rem .2rem 0}.profile-page{gap:.7rem;padding-top:0}.profile-identity-card,.profile-stat-card,.profile-rank-card{border-radius:1.6rem}.profile-identity-card{gap:.55rem;padding:1rem .9rem .95rem}.profile-identity-avatar{width:4.7rem;height:4.7rem;border-width:3px;font-size:1.55rem}.profile-identity-badge{width:1.95rem;height:1.95rem;box-shadow:0 0 0 3px #fff}.profile-identity-badge .material-symbols-outlined{font-size:1rem}.profile-identity-copy h2{font-size:1.6rem}.profile-identity-copy p{font-size:.88rem}.profile-stat-grid{gap:.65rem}.profile-stat-card{gap:.38rem;padding:.85rem .85rem .8rem}.profile-stat-icon{width:2.1rem;height:2.1rem;border-radius:.85rem}.profile-stat-icon .material-symbols-outlined{font-size:1.3rem}.profile-stat-card strong{font-size:clamp(1.55rem,6.6vw,2.1rem)}.profile-stat-card span:last-child{font-size:.8rem}.profile-rank-card{gap:.38rem;padding:.9rem .95rem .85rem}.profile-rank-icon{width:2.15rem;height:2.15rem;border-radius:.85rem}.profile-rank-icon .material-symbols-outlined{font-size:1.3rem}.profile-rank-card strong{font-size:clamp(1.85rem,7vw,2.5rem)}.profile-rank-card span:last-child{font-size:.82rem}.profile-action-row .wide-button{min-height:48px}.record-collection-page{--record-page-inline-padding: .2rem;padding:.35rem var(--record-page-inline-padding) 0}.record-search-bar{min-height:4.8rem;padding:0 1.15rem}.record-search-bar input{font-size:1.18rem}.record-category-strip{grid-auto-columns:minmax(300px,94%)}.category-card{min-height:11.8rem}.category-card-body h3,.section-title-row h2,.record-section-head h2{font-size:1.65rem}.task-phrase-card{gap:.9rem}.task-phrase-copy h3{font-size:1.2rem}.task-phrase-mini-button{width:3.2rem;height:3.2rem}.record-detail-card{padding:1.3rem}.home-hero-waves{display:none}.honor-modal-card{width:calc(100% - 1rem);max-height:min(82dvh,880px);padding:1.15rem}.profile-stats{grid-template-columns:1fr}.inline-code-button{justify-content:flex-end;font-size:.76rem}}@media(max-width:390px){.app-shell{--app-shell-inline-padding: 14px;padding:18px var(--app-shell-inline-padding) calc(96px + env(safe-area-inset-bottom))}.auth-app-shell{padding-bottom:18px}.auth-panel,.recorder-stage,.sidebar-card{padding:1.05rem}.record-search-bar{min-height:4.35rem;padding:0 1rem;border-radius:1.5rem}.record-search-bar .material-symbols-outlined{font-size:1.7rem}.record-search-bar input{font-size:1rem}.category-card,.record-detail-card,.task-phrase-card{padding:1.1rem}.category-card-level{letter-spacing:.16em}.task-phrase-copy h3{font-size:1.06rem}.record-detail-brand h2{font-size:1.32rem}.record-fab{width:5.4rem;height:5.4rem}.record-fab-inner{width:4.25rem;height:4.25rem}.sentence-stage h3{font-size:1.7rem}.hero-copy h2{font-size:2.2rem}.workspace-page-home{padding:.25rem 0 0}.home-hero-card,.home-summary-card{padding:1.55rem 1.25rem}}