@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#363731;background:#f4f2eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0.125rem solid #646d57;outline-offset:0.1875rem}button:disabled{opacity:.3;cursor:default}.sidebar{width:15.375rem;flex-shrink:0;border-right:0.0625rem solid #deddd4;padding:2.5rem 1.5625rem;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;background:#eeeee5}.brand{color:inherit;text-decoration:none;display:block;padding:0 1rem 2.6875rem;transform:rotate(-3deg)}.brand small{font-family:Gaegu,cursive;font-size:1.1875rem;margin-left:0.25rem}.brand strong{font-family:Gaegu,cursive;font-size:2.4375rem;line-height:.98;display:block;letter-spacing:-0.125rem}.brand strong span{display:inline-block;font-size:2.375rem;margin-left:0.9375rem;color:#777d61}.shelf-heading{display:flex;justify-content:space-between;font-size:0.6875rem;letter-spacing:0.0625rem;color:#8a8c7f;padding:0 0.625rem 0.875rem}.new-note{border:0.0625rem dashed #b9bdac;border-radius:0.4375rem;padding:0.75rem;width:100%;font-size:0.75rem;margin-bottom:1.375rem;text-align:left}#notes{display:grid;gap:0.4375rem;overflow:auto}.note-item{display:block;text-align:left;border-radius:0.4375rem;padding:0.875rem 0.8125rem;width:100%}.note-item.active{background:#fffefa;box-shadow:0 0.125rem 0.3125rem #33333308}.note-item strong{display:block;font-size:0.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item small{font-size:0.625rem;color:#95968c;display:block;margin-top:0.4375rem}.sidebar-bottom{margin-top:auto;padding:2.1875rem 0.3125rem 0;font-size:0.625rem;color:#878a7c;line-height:2}.sidebar-bottom small{font-size:0.5625rem;color:#a0a294}.local-dot{display:inline-block;background:#8d9675;width:0.3125rem;height:0.3125rem;border-radius:50%;margin-right:0.375rem}main{margin-left:15.375rem;flex:1;min-width:0}.topbar{height:4.75rem;border-bottom:0.0625rem solid #e1dfd6;display:flex;align-items:center;justify-content:space-between;padding:0 2.875rem;font-size:0.6875rem;color:#85877b}.crumb{margin:0 0.9375rem;color:#c5c6bc}.file-actions{display:flex;gap:1.25rem}.file-actions button{font-size:0.6875rem}.workspace{max-width:69.375rem;margin:auto;padding:2.625rem 3.375rem 1.25rem}.note-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.875rem;gap:1.125rem}.eyebrow{font-size:0.5625rem;letter-spacing:0.125rem;color:#919584;margin:0 0 0.75rem}#title{font-size:1.8125rem;font-weight:600;border:0;background:none;padding:0;width:100%;min-width:0;letter-spacing:-0.075rem}.note-heading>div{min-width:0;flex:1}.meta{display:flex;gap:0.625rem;font-size:0.625rem;color:#999c8d;margin-top:0.75rem}#save-status.error{color:#aa3b34}.activity{border:0.0625rem solid #bfc4ad;border-radius:0.375rem;padding:0.6875rem 0.9375rem;white-space:nowrap;background:#e9ecdf;font-size:0.75rem}.toolbar{display:flex;align-items:center;min-height:3.375rem;gap:0.9375rem;padding:0.5rem 0.75rem;background:#fffef9;border:0.0625rem solid #ddded2;border-radius:0.5rem 0.5rem 0 0}.tool-group{display:flex;gap:0.3125rem;align-items:center;border-right:0.0625rem solid #e5e5dc;padding-right:0.875rem}.tool-group button{border-radius:0.3125rem;padding:0.4375rem 0.625rem;font-size:1.0625rem}.tool-group button span{font-size:0.6875rem;margin-left:0.3125rem}.tool-group button[aria-pressed=true]{background:#e9eddf;color:#535f44}.width-label{font-size:0.625rem;color:#909385;display:flex;gap:0.5rem;align-items:center}select{border:0;background:transparent;font-size:0.6875rem}.paper-label{margin-left:auto;font-size:0.5625rem;letter-spacing:0.09375rem;color:#a1a493}.paper-scroll{overflow:auto;border:0.0625rem solid #ddded2;border-top:0;background:#e8e7df;padding:1.5rem 1.5rem 0;max-height:calc(100vh - 21.25rem);min-height:20.625rem}.paper{position:relative;min-width:28.125rem;width:100%;aspect-ratio:3/4;background-color:#fffefa;background-image:linear-gradient(#e9e9df 0.0625rem,transparent 0.0625rem),linear-gradient(90deg,#e9e9df 0.0625rem,transparent 0.0625rem);background-size:calc(100% / 37.5) calc(100% / 50);box-shadow:0 0.1875rem 0.75rem #40403009}.paper-margin{position:absolute;top:0;bottom:0;left:8%;border-left:0.0625rem solid #d9dccb;pointer-events:none}#text{position:absolute;inset:0;width:100%;height:100%;resize:none;border:0;background:transparent;padding:6.4% 5% 8% 11%;line-height:2;font-size:1rem;outline:none;z-index:1}#text::placeholder{color:#b9bcad;font-family:Gaegu,cursive;font-size:1.375rem}#ink{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;touch-action:none}.paper.drawing #ink{pointer-events:auto;cursor:crosshair}.paper.drawing #text{pointer-events:none}.paper-footer{position:absolute;bottom:1.375rem;left:11%;right:5%;font-size:0.5rem;letter-spacing:0.125rem;color:#aeb2a1;display:flex;justify-content:space-between;pointer-events:none}.workspace-footer{display:flex;justify-content:space-between;padding:0.8125rem 0.25rem;font-size:0.625rem;color:#979b8a}dialog{border:0.0625rem solid #dadccf;border-radius:0.9375rem;padding:1.75rem;width:min(27.5rem,90vw);background:#fffef9;box-shadow:0 1.25rem 5rem #2222}dialog::backdrop{background:#30332855;backdrop-filter:blur(0.1875rem)}.dialog-top{display:flex;justify-content:space-between;align-items:center}h2{font-family:Gaegu,cursive;font-size:1.875rem;margin:0.625rem 0}dialog p{font-size:0.75rem;color:#858a78;line-height:1.8}.activity-list{display:grid;gap:0.5rem;margin:1.5rem 0}.activity-list>div{padding:0.875rem;border:0.0625rem solid #e4e7da;border-radius:0.375rem;font-size:0.8125rem}.activity-list small{float:right;color:#9a9f8a;font-size:0.625rem}.dialog-foot{text-align:center}#toast{position:fixed;bottom:1.5625rem;left:50%;transform:translateX(-50%);padding:0.75rem 1.25rem;background:#343a2f;color:white;border-radius:0.5rem;font-size:0.75rem;z-index:10;display:none}
@media(min-width:1500px){.paper-scroll{max-height:calc(100vh - 21.875rem)}}@media(max-width:900px){.sidebar{width:11.5625rem;padding:1.875rem 0.875rem}.brand{padding:0 0.5rem 2.1875rem}.brand strong{font-size:2.125rem}main{margin-left:11.5625rem}.topbar{padding:0 1.5rem}.workspace{padding:1.875rem 1.5rem}.toolbar{gap:0.5rem}.tool-group{padding-right:0.4375rem}.paper-label{display:none}.paper-scroll{padding:0.9375rem 0.9375rem 0}.file-actions{gap:0.5rem}}@media(max-width:600px){body{display:block}.sidebar{position:static;width:100%;padding:1rem;display:block;border:0;border-bottom:0.0625rem solid #deddd4}.brand{padding:0;transform:none;display:inline-block}.brand small{font-size:0.75rem}.brand strong{font-size:1.4375rem;line-height:1}.brand br{display:none}.brand strong span{font-size:1.375rem;margin-left:0.5rem}.shelf-heading,.sidebar-bottom{display:none}.new-note{float:right;width:auto;margin:0.5rem 0;padding:0.5rem;font-size:0.625rem}#notes{display:flex;gap:0.375rem;margin-top:0.9375rem}.note-item{min-width:6.875rem;max-width:10rem;padding:0.5625rem}.note-item small{display:none}main{margin-left:0}.topbar{height:3.125rem;padding:0 1rem;font-size:0.625rem}.workspace{padding:1.5625rem 0.75rem}.note-heading{margin:0 0.3125rem 1.375rem}#title{font-size:1.4375rem}.eyebrow{font-size:0.4375rem;letter-spacing:0.0625rem}.activity{padding:0.5625rem}.activity span{display:none}.toolbar{flex-wrap:wrap;gap:0.25rem;padding:0.4375rem}.tool-group{gap:0}.tool-group button{padding:0.375rem 0.5rem}.tool-group button span{font-size:0.625rem;margin-left:0.125rem}.width-label{font-size:0;gap:0}.width-label select{font-size:0.625rem}.paper-scroll{max-height:65vh;min-height:21.875rem;padding:0.75rem 0.625rem 0}.paper{min-width:28.125rem}.file-actions button{font-size:0.625rem}}
.folder-heading{display:flex;align-items:center;gap:0.5rem;margin:0 0.5rem 0.5rem;font-size:0.625rem;color:#858b78}.folder-heading span{margin-right:auto}.folder-heading button{font-size:1.0625rem}.folder-item{display:block;width:100%;text-align:left;font-size:0.6875rem;padding:0.5625rem 0.625rem;border-radius:0.3125rem;white-space:pre-wrap;overflow-wrap:anywhere}.folder-item.active{background:#dfe5d3;color:#48593c}#folders{max-height:26vh;overflow:auto;margin-bottom:0.5rem}#folder-path{font-size:0.5625rem;line-height:1.7;color:#8a927d;padding:0.625rem 0.5rem 0;border-top:0.0625rem solid #d9dece;overflow-wrap:anywhere}.empty-folder{font-size:0.6875rem;line-height:1.8;padding:0.5rem;color:#969b8b}.sidebar{overflow:auto}.sidebar .brand{padding-bottom:1.5625rem}.sidebar .new-note{margin-bottom:1rem}.move-label{display:flex;align-items:center;gap:0.5rem;color:#939986;font-size:0.625rem;margin-top:0.75rem}.move-label select{max-width:17.5rem;font-size:0.625rem}.toolbar{flex-wrap:wrap;gap:0.5rem}.tool-group{padding-right:0.5rem}.tool-group button{padding:0.4375rem}.tool-group button span{font-size:0.625rem}.paper-label{display:none}.palette{display:flex;align-items:center;gap:0.6875rem;flex-wrap:wrap;padding:0.75rem 1.25rem;background:#fffef9;border:0.0625rem solid #ddded2;border-top:0}.swatch{width:1.3125rem;height:1.3125rem;border-radius:50%;background:var(--swatch);border:0.0625rem solid #93958b66;position:relative;flex-shrink:0}.swatch[aria-pressed=true]::after{content:'';position:absolute;inset:-0.25rem;border:0.0625rem solid #727e61;border-radius:50%}.palette small{font-size:0.5625rem;color:#929b85;margin-left:auto}.paper-scroll{max-height:calc(100vh - 25.625rem)}#folder-name{display:block;width:100%;margin-top:0.625rem;padding:0.75rem;border:0.0625rem solid #c8cebd;border-radius:0.3125rem;background:transparent}#folder-form label{font-size:0.75rem}.dialog-actions{display:flex;justify-content:flex-end;gap:0.9375rem;margin-top:1.25rem}.dialog-actions button{padding:0.5625rem 1.125rem;background:#e4eadb;border-radius:0.375rem}.export-options{display:grid;gap:0.625rem;margin:1.25rem 0}.export-options button{padding:0.9375rem;text-align:left;background:#eef1e7;border-radius:0.375rem;font-size:0.8125rem}
:root[data-theme=dark]{color:#e8e9e2;background:#1b2022;color-scheme:dark}[data-theme=dark] .sidebar{background:#202729;border-color:#3a4243}[data-theme=dark] .topbar{border-color:#394143}[data-theme=dark] .note-item.active{background:#343e40}[data-theme=dark] .new-note{border-color:#566663}[data-theme=dark] .folder-item.active{background:#3a4944;color:#d7e5d6}[data-theme=dark] #folder-path{border-color:#3d4945}[data-theme=dark] .activity{background:#35423a;border-color:#53644f;color:#e0ead8}[data-theme=dark] .toolbar,[data-theme=dark] .palette{background:#293234;border-color:#414c4c}[data-theme=dark] .tool-group{border-color:#44504c}[data-theme=dark] .tool-group button[aria-pressed=true]{background:#445548;color:#e5efdc}[data-theme=dark] .paper-scroll{background:#1d2426;border-color:#414c4c}[data-theme=dark] .paper{background-color:#252a2c;background-image:linear-gradient(#394044 0.0625rem,transparent 0.0625rem),linear-gradient(90deg,#394044 0.0625rem,transparent 0.0625rem)}[data-theme=dark] #text{color:#e8e9e2}[data-theme=dark] .paper-margin{border-color:#52605a}[data-theme=dark] dialog{background:#283133;color:#e8e9e2;border-color:#52605a}[data-theme=dark] .export-options button,[data-theme=dark] .dialog-actions button{background:#3c4c42}[data-theme=dark] .activity-list>div{border-color:#48594c}[data-theme=dark] .swatch[aria-label^="기본"]{background:#e8e9e2}[data-theme=dark] .swatch[aria-pressed=true]::after{border-color:#c2d5ab}
@media(max-width:600px){#folders{display:flex;flex-wrap:wrap;gap:0.3125rem;max-height:9.375rem;margin:0}.folder-item{width:auto;font-size:0.625rem;padding:0.375rem}.folder-heading{margin-top:0.9375rem}#folder-path{margin:0.375rem 0 0;padding-top:0.375rem}#notes{margin-top:0.4375rem;overflow:auto}.palette{gap:0.75rem;padding:0.75rem}.palette small{display:none}.toolbar{gap:0.25rem}.tool-group button span{font-size:0.5625rem}.tool-group button{font-size:0.9375rem;padding:0.375rem}.tool-group{padding-right:0.25rem}.topbar{height:auto;min-height:3.4375rem;gap:0.625rem;flex-wrap:wrap;padding:0.625rem 1rem}.file-actions{gap:0.4375rem}.move-label select{max-width:12.5rem}.paper-scroll{max-height:65vh}}
.empty-folder-panel{display:none;text-align:center;padding:6.25rem 0.9375rem;color:#89927d}.empty-folder-panel>span{font-size:2.8125rem}.empty-folder-panel h2{font-size:1.75rem}.empty-folder-panel p{font-size:0.75rem}.empty-folder-panel button{background:#dfe7d4;border-radius:0.375rem;padding:0.75rem 1.25rem;margin-top:1.25rem;color:#435438}.workspace[data-empty=true]>:not(.empty-folder-panel){display:none}.workspace[data-empty=true]>.empty-folder-panel{display:block}
.palette[hidden],.eraser-panel[hidden],#pen-width[hidden]{display:none}.eraser-panel{display:flex;align-items:center;gap:0.625rem;padding:0.625rem 1rem;background:#fffef9;border:0.0625rem solid #ddded2;border-top:0}.eraser-panel>span{font-size:0.625rem;color:#929b85;margin-right:0.3125rem}.eraser-panel button{font-size:0.6875rem;padding:0.5rem 0.875rem;border-radius:0.375rem;border:0.0625rem solid transparent}.eraser-panel button[aria-pressed=true]{background:#e9eddf;border-color:#bbc6a9;color:#535f44}.eraser-panel small{font-size:0.5625rem;color:#929b85;margin-left:auto}[data-theme=dark] .eraser-panel{background:#293234;border-color:#414c4c}[data-theme=dark] .eraser-panel button[aria-pressed=true]{background:#445548;color:#e5efdc;border-color:#63775b}@media(max-width:600px){.eraser-panel{padding:0.625rem;gap:0.3125rem}.eraser-panel button{padding:0.5rem 0.625rem}.eraser-panel small{display:none}}
[hidden]{display:none!important}.location{display:flex;align-items:center;min-width:0}.location>button{padding:0;font-size:0.6875rem;white-space:nowrap}.location #breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library{max-width:69.375rem;margin:auto;padding:3rem 3.375rem}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.875rem}.library h1{font-size:1.875rem;letter-spacing:-0.0625rem;margin:0 0 0.75rem}.library-heading p{font-size:0.75rem;color:#8a927e;line-height:1.8}.section-label{font-family:inherit;font-size:0.75rem;font-weight:500;margin:1.5625rem 0 1rem;color:#8a927e}.folder-cards,.note-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5625rem,1fr));gap:1.125rem}.folder-card,.note-card{border:0.0625rem solid #d7ddcc;border-radius:0.75rem;background:#fffef9;text-align:left;padding:1.625rem;display:flex;flex-direction:column;gap:0.75rem;min-height:10.375rem;transition:background .15s}.folder-card:hover,.note-card:hover{background:#e8eddc}.folder-icon{width:3rem;height:2.5rem;color:#7f9069;flex-shrink:0}.folder-card strong,.note-card strong{font-size:0.875rem;font-weight:500;overflow-wrap:anywhere}.folder-card small,.note-card small{font-size:0.625rem;color:#929a85}.folder-item{display:flex;align-items:center;gap:0.5rem}.folder-item .folder-icon{width:1.25rem;height:1.125rem}.folder-item span{white-space:pre-wrap;overflow-wrap:anywhere}.note-card-icon{font-size:1.875rem;color:#939e7e}.add-note-card{align-items:center;justify-content:center;background:transparent;border-style:dashed;font-size:0.75rem;color:#879477}.back-button{display:inline-block;margin:0 0 1.5rem;padding:0;font-size:0.6875rem;color:#839174}.eraser-panel button{display:flex;align-items:center;gap:0.5625rem}.eraser-circle{display:inline-block;width:0.9375rem;height:0.9375rem;border:0.1125rem solid currentColor;border-radius:50%}.eraser-line{display:inline-block;width:1.3125rem;height:0;border-top:0.125rem solid currentColor;transform:rotate(-27deg);border-radius:0.125rem}[data-theme=dark] .folder-card,[data-theme=dark] .note-card{background:#293234;border-color:#46534a}[data-theme=dark] .folder-card:hover,[data-theme=dark] .note-card:hover{background:#354139}[data-theme=dark] .folder-icon{color:#b2c39e}[data-theme=dark] .add-note-card{background:transparent}@media(max-width:900px){.library{padding:2.1875rem 1.5rem}}@media(max-width:600px){.library{padding:1.75rem 1rem}.library-heading{align-items:flex-start}.library h1{font-size:1.5625rem}.folder-cards,.note-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}.folder-card,.note-card{padding:1.25rem 1rem;min-height:9.375rem}.folder-card strong,.note-card strong{font-size:0.75rem}.folder-item{width:auto}.location #breadcrumb{max-width:9.375rem}}
/* Compact writing surface and account controls. */
.topbar{height:3.5rem;padding:0 1.875rem}.workspace{max-width:none;padding:0.875rem 1.875rem 0.75rem}.workspace>.back-button{margin-bottom:0.625rem}.note-heading{margin-bottom:0.75rem;align-items:center;gap:1.25rem}.note-heading>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.3125rem 1.125rem;align-items:center}#title{font-size:1.4375rem;grid-column:1;grid-row:1}.note-heading .meta{grid-column:2;grid-row:1;margin:0;font-size:0.5625rem;gap:0.375rem}.note-heading .move-label{grid-column:1 / -1;grid-row:2;margin:0}.note-heading .activity{padding:0.5rem 0.75rem}.toolbar{min-height:2.75rem;padding:0.3125rem 0.625rem}.tool-group button{padding:0.3125rem 0.5rem}.width-label{gap:0.5rem}#width{width:6.875rem;accent-color:#82936c;cursor:pointer}#size-value{min-width:1.25rem;font-size:0.6875rem;font-variant-numeric:tabular-nums}.paper-scroll{max-height:calc(100dvh - 14.25rem - var(--options-height,0rem));padding:0.875rem 1rem 0}.workspace-footer{padding:0.5rem 0.25rem}.palette{padding:0.625rem 1.125rem}.eraser-panel{padding:0.4375rem 1rem}.sidebar{padding-top:1.75rem}.brand{padding-bottom:1.25rem}.file-actions{gap:0.9375rem}#account{border:0.0625rem solid #aab59c;border-radius:1.25rem;padding:0.375rem 0.75rem;max-width:8.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account-dialog label{display:block;font-size:0.75rem;margin:1rem 0}#account-dialog input{display:block;width:100%;margin-top:0.4375rem;padding:0.6875rem 0.75rem;border:0.0625rem solid #b9c3ad;border-radius:0.4375rem;background:transparent}#account-dialog form>button{padding:0.625rem 1rem;border-radius:0.375rem;background:#e5ebdc;margin:0.3125rem 0.3125rem 0 0;font-size:0.75rem}#account-error{color:#c75555;min-height:1.25rem}#pen-presence{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.pen-name{position:absolute;transform:translate(0.375rem,calc(-100% - 0.625rem));padding:0.25rem 0.5625rem;border:0.0625rem solid #aab89b99;border-radius:0.25rem;background:rgba(241,245,235,.76);color:#35442e;font-size:0.6875rem;line-height:1.4;box-shadow:0 0.125rem 0.375rem #0001;white-space:nowrap;backdrop-filter:blur(0.125rem)}.pen-name:after{content:'';position:absolute;bottom:-0.3125rem;left:0.3125rem;border-width:0.25rem 0.25rem 0;border-style:solid;border-color:#aab89baa transparent transparent}[data-theme=dark] #account-dialog form>button{background:#3c4c42}[data-theme=dark] .pen-name{background:rgba(50,63,55,.78);color:#edf5e4;border-color:#80947299}
@media(max-width:900px){.topbar{padding:0 1.25rem}.workspace{padding:0.75rem 1.25rem}.note-heading .meta{grid-column:1 / -1;grid-row:3}.paper-scroll{max-height:calc(100dvh - 15.375rem - var(--options-height,0rem))}}@media(max-width:600px){.workspace{padding:0.625rem}.note-heading{gap:0.625rem}.note-heading>div{gap:0.25rem}.note-heading .activity{padding:0.4375rem}.note-heading .meta{grid-row:3}#title{font-size:1.25rem}.paper-scroll{min-height:24.375rem;max-height:70vh}#width{width:5.3125rem}.topbar{padding:0.5rem 0.875rem;height:auto}.file-actions{gap:0.5rem;flex-wrap:wrap}.width-label{font-size:0.5625rem}.tool-group{gap:0}}
.pen-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis}
/* Login-first onboarding and the sidebar profile. */
body.auth-gated{background-color:#f6f6ef;background-image:linear-gradient(#e4e7dc 0.0625rem,transparent 0.0625rem),linear-gradient(90deg,#e4e7dc 0.0625rem,transparent 0.0625rem);background-size:2rem 2rem}.auth-gated .sidebar,.auth-gated main{display:none}.auth-gated #account-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#f7f8f1;color:#30372f;color-scheme:light;box-shadow:none}.auth-gated #account-dialog::backdrop{background:#f7f8f1;backdrop-filter:none}.account-layout{display:block}.auth-gated .account-layout{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(25rem,1fr);max-width:82.5rem;margin:auto;align-items:center;gap:4.375rem;padding:3.375rem 4.0625rem}.account-welcome{display:none}.auth-gated .account-welcome{display:block}.welcome-brand small{font-family:Gaegu,cursive;font-size:1.1875rem}.welcome-brand strong{font-family:Gaegu,cursive;display:block;font-size:2.5rem;letter-spacing:-0.09375rem}.account-welcome h1{font-size:1.5rem;margin-top:2.1875rem;letter-spacing:-0.0625rem}.account-welcome p{font-size:0.8125rem;color:#8a937e;line-height:2}#welcome-characters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.75rem;margin-top:1.75rem;max-width:26.875rem}#welcome-characters img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:1rem;border:0.0625rem solid #d7dfcc;background:white}.account-content{min-width:0}.auth-gated .account-content{background:#fffefa;border:0.0625rem solid #dce2d1;border-radius:1.125rem;padding:2.125rem;box-shadow:0 0.625rem 3.125rem #2e402508}.auth-gated #close-account{display:none}#account-title{font-size:1.875rem;letter-spacing:-0.0625rem}#account-description{font-size:0.75rem;color:#8c967e;line-height:1.8;margin:0.625rem 0 1.5rem}#account-dialog{width:min(36.25rem,94vw);padding:1.75rem;max-height:92dvh;overflow:auto}#account-dialog #login-form>button.primary-button,#account-dialog #profile-form>button.primary-button{display:block;width:100%;padding:0.8125rem;border:0.0625rem solid #697e55;background:#71875e;color:white;border-radius:0.5rem;margin:1.5rem 0 0.625rem;font-size:0.8125rem}#account-dialog #switch-auth,#account-dialog #logout{display:block;width:100%;background:transparent;color:#879175;font-size:0.6875rem;margin:0.625rem 0 0;padding:0.5rem}#account-dialog label{font-size:0.6875rem}#account-dialog input{padding:0.75rem;color:inherit}#account-dialog .avatar-preview{display:flex;align-items:center;gap:1.25rem;margin:1.25rem 0}.avatar-preview>img{width:5.625rem;height:5.625rem;border-radius:50%;object-fit:cover;background:white;border:0.0625rem solid #d7dfcd}.avatar-preview strong{font-size:0.8125rem;display:block}.avatar-preview small{font-size:0.5625rem;color:#939d85;display:block}.upload-photo{cursor:pointer;font-size:0.6875rem!important;text-decoration:underline;text-underline-offset:0.1875rem;color:#809466;display:block!important;margin:0.625rem 0!important}.avatar-fieldset{padding:0;border:0;margin:1.375rem 0 0}.avatar-fieldset legend{font-size:0.6875rem;color:#8c967e;margin-bottom:0.75rem}#avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.625rem}#avatar-options button{border:0.0625rem solid #dce1d4;border-radius:0.5625rem;padding:0.3125rem;background:white;min-width:0;position:relative;color:#4c5843}#avatar-options button[aria-pressed=true]{border:0.125rem solid #819a67;padding:0.25rem;background:#eff3e7}#avatar-options button[aria-pressed=true]:after{content:'✓';position:absolute;top:0.25rem;right:0.25rem;font-size:0.625rem;background:#78925f;color:white;width:1.0625rem;height:1.0625rem;border-radius:50%;line-height:1.0625rem}#avatar-options img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:0.375rem;display:block}#avatar-options span{font-size:0.5625rem;display:block;text-align:center;margin:0.3125rem 0 0.125rem}.sidebar-bottom{padding:1.25rem 0 0}.sidebar-profile{display:flex;align-items:center;gap:0.625rem;text-align:left;width:100%;padding:0.75rem 0.4375rem;border-top:0.0625rem solid #d6ddcb;border-bottom:0.0625rem solid #d6ddcb;margin-bottom:0.625rem}.sidebar-profile img{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:50%;background:white;border:0.0625rem solid #ccd5bf}.sidebar-profile>span{min-width:0}.sidebar-profile strong{font-size:0.75rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4f5b43}.sidebar-profile small{font-size:0.5625rem;display:block;color:#8e9b7e}.sidebar-profile .profile-chevron{margin-left:auto;font-size:1.25rem;color:#8b987d}.storage-caption{font-size:0.5625rem;padding:0 0.3125rem}.storage-caption>small{font-size:0.5rem}[data-theme=dark] .sidebar-profile{border-color:#3e5140}[data-theme=dark] .sidebar-profile strong{color:#e1ecd8}[data-theme=dark] #avatar-options button{color:#4c5843}#account-dialog[data-setup=true] #logout{margin-top:0.9375rem}.auth-gated #account-dialog label,.auth-gated #account-dialog input{color:#30372f}.auth-gated #account-dialog input{background:white}
@media(max-width:1000px){.auth-gated .account-layout{gap:2.1875rem;padding:2.5rem 1.875rem;grid-template-columns:minmax(0,.85fr) minmax(23.125rem,1fr)}.welcome-brand strong{font-size:2.125rem}.account-welcome h1{font-size:1.25rem}}@media(max-width:720px){.auth-gated .account-layout{display:block;padding:1.75rem 1.125rem}.auth-gated .account-welcome{max-width:28.75rem;margin:0 auto 1.25rem}.welcome-brand strong{font-size:1.875rem}.welcome-brand small{font-size:0.9375rem}.account-welcome h1,.account-welcome>p,#welcome-characters{display:none}.auth-gated .account-content{max-width:28.75rem;margin:auto;padding:1.5625rem}.auth-gated #account-dialog #account-title{font-size:1.75rem}.sidebar-bottom{display:block;margin-top:0.9375rem;padding:0}.sidebar-profile{max-width:14.375rem;border-bottom:0;margin:0;padding:0.5rem 0}.sidebar-profile img{width:2rem;height:2rem}.storage-caption{display:none}#avatar-options{gap:0.5rem}.avatar-preview>img{width:4.5rem;height:4.5rem}}
.auth-gated #account-dialog[data-setup=true] .account-layout{padding:1.5rem 3.125rem}.auth-gated #account-dialog[data-setup=true] .account-content{padding:1.5rem 1.875rem}.auth-gated #account-dialog[data-setup=true] #account-description{margin:0.5rem 0 1rem}.auth-gated #account-dialog[data-setup=true] .avatar-preview{margin:0.875rem 0}.auth-gated #account-dialog[data-setup=true] .avatar-preview>img{width:4.25rem;height:4.25rem}.auth-gated #account-dialog[data-setup=true] .avatar-fieldset{margin-top:0.875rem}.auth-gated #account-dialog[data-setup=true] #avatar-options img{height:4.125rem;aspect-ratio:auto}.auth-gated #account-dialog[data-setup=true] #profile-submit{margin-top:1rem}.auth-gated #account-dialog[data-setup=true] #account-error{margin:0.5rem 0 0;min-height:0.75rem}@media(max-width:720px){.auth-gated #account-dialog[data-setup=true] .account-layout{padding:1.25rem 0.875rem}.auth-gated #account-dialog[data-setup=true] .account-content{padding:1.25rem}.auth-gated #account-dialog[data-setup=true] #avatar-options img{height:3.125rem}}
.profile-portrait{position:relative;display:inline-flex;width:5.625rem;height:5.625rem;padding:0.3125rem;border-radius:50%;align-items:center;justify-content:center;flex-shrink:0;isolation:isolate;vertical-align:middle}.profile-portrait img{display:block;width:100%;height:100%;border:0;border-radius:50%;object-fit:cover;background:#fff}.sidebar-profile>.profile-portrait{width:2.75rem;height:2.75rem;padding:0.1875rem}.sidebar-profile .profile-portrait img{width:100%;height:100%}.profile-portrait[data-frame=none]{border:0.0625rem solid #d1d9c7}.profile-portrait[data-frame=pencil]{border:0.125rem solid #667259;box-shadow:inset 0 0 0 0.125rem #f8faef,0 0 0 0.125rem #a1ad92}.profile-portrait[data-frame=clover]{border:0.125rem dashed #80a66c;box-shadow:0 0 0 0.1875rem #e1eed5}.profile-portrait[data-frame=clover]:after{content:'☘';position:absolute;bottom:-0.125rem;right:-0.125rem;width:1.375rem;height:1.375rem;line-height:1.375rem;border-radius:50%;background:#eaf3df;color:#698755;text-align:center;font-size:1.0625rem;z-index:2}.profile-portrait[data-frame=stars]{border:0.125rem solid #c0ad69;box-shadow:0 0 0 0.125rem #f7edc8,0 0 0 0.25rem #cabb8e}.profile-portrait[data-frame=stars]:after{content:'✧';position:absolute;top:-0.5rem;right:-0.3125rem;background:#fff8df;color:#a08842;border-radius:50%;font-size:1.375rem;line-height:1.5625rem;width:1.5625rem;text-align:center}[data-background=paper]{background:#fffdf5}[data-background=grid]{background-color:#f5f7ed;background-image:linear-gradient(#cdd6bc77 0.0625rem,transparent 0.0625rem),linear-gradient(90deg,#cdd6bc77 0.0625rem,transparent 0.0625rem);background-size:0.8125rem 0.8125rem}[data-background=mint]{background:linear-gradient(135deg,#e3eee2,#c9e2d9)}[data-background=lilac]{background:linear-gradient(135deg,#f1eafa,#dcd4ee)}[data-background=starlight]{background-color:#edf0ef;background-image:radial-gradient(#b8ac78 0.0625rem,transparent 0.125rem),radial-gradient(#cad1be 0.0625rem,transparent 0.125rem);background-position:0 0,0.75rem 0.75rem;background-size:1.5rem 1.5rem}.auth-gated #account-dialog[data-setup=true] .avatar-preview>.profile-portrait{width:4.25rem;height:4.25rem}.profile-game-settings{border-bottom:0.0625rem solid #dce2d1;padding-bottom:1.125rem;margin:0.75rem 0 1.5rem}.score-heading{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;margin:0.625rem 0 0.875rem}.score-heading strong{font-size:0.75rem}.score-heading small{font-size:0.5625rem;color:#8c987f}.score-cards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0.5625rem}.score-card{display:flex;flex-direction:column;align-items:flex-start;gap:0.625rem;padding:0.9375rem 0.6875rem;border:0.0625rem solid #dce4d0;border-radius:0.5625rem;background:#f3f6eb;min-width:0}.score-card small{font-size:0.625rem;color:#7f8e70}.score-card strong{font-size:1.1875rem;font-weight:600;white-space:nowrap}.score-card span{font-size:0.5rem;color:#99a28e}.score-card:not(.score-today) strong{font-size:1rem}.score-totals{display:flex;justify-content:space-between;gap:0.625rem;margin:0.875rem 0.1875rem 0;font-size:0.625rem;color:#8a957e}.score-totals b{color:#566647;margin-left:0.25rem}#score-message{font-size:0.625rem;line-height:1.7;color:#929b86;margin:0.625rem 0.1875rem}#reward-details{margin-top:1.125rem}#reward-details>summary{cursor:pointer;font-size:0.75rem;font-weight:500;padding:0.75rem 0}#reward-details>summary span{float:right;color:#98a38c;font-size:0.5625rem;font-weight:400}#reward-details h3{font-size:0.6875rem;margin:1.375rem 0 0.75rem}.reward-preview{display:flex;align-items:center;flex-direction:column;gap:0.875rem;padding:1.5625rem 0.625rem;border-radius:0.75rem;border:0.0625rem solid #d7dfcd;margin:0.5rem 0 1.125rem;color:#45513c}.reward-preview strong{font-size:0.875rem}.reward-preview>small{font-size:0.5625rem;color:#8c987e}.reward-progress>span{font-size:0.6875rem}.reward-progress progress{display:block;width:100%;height:0.4375rem;margin:0.625rem 0;accent-color:#8ba471}.reward-progress>small{font-size:0.5625rem;color:#99a28e}.reward-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.5rem}.reward-options button{display:flex;align-items:center;flex-direction:column;gap:0.5625rem;padding:0.8125rem 0.3125rem;border:0.0625rem solid #d9e0d1;border-radius:0.5rem;background:#fffefa;min-width:0}.reward-options button[aria-pressed=true]{border-color:#81986a;box-shadow:inset 0 0 0 0.0625rem #81986a}.reward-options button[data-locked=true]{background:#f1f2ed}.reward-options strong{font-size:0.625rem;font-weight:500;white-space:nowrap}.reward-options small{font-size:0.5625rem;color:#8e9980}.reward-frame-sample{width:2.6875rem;height:2.6875rem;padding:0.1875rem}.reward-frame-sample[data-frame=clover]:after{width:0.9375rem;height:0.9375rem;line-height:0.9375rem;font-size:0.75rem}.reward-frame-sample[data-frame=stars]:after{font-size:0.9375rem;width:1.125rem;line-height:1.125rem;right:-0.1875rem;top:-0.375rem}.reward-background-sample{display:block;width:3.125rem;height:2.375rem;border-radius:0.3125rem;border:0.0625rem solid #d5ddc9}#cosmetics-hint{font-size:0.625rem;line-height:1.7;color:#8c997e}#save-cosmetics{display:block;width:100%;padding:0.75rem;border:0.0625rem solid #b6c4a7;background:#e7eedc;color:#4c613c;border-radius:0.4375rem;font-size:0.75rem;margin:0.875rem 0 0.25rem}.rank-tabs{display:flex;gap:0.5rem;margin:1rem 0}.rank-tabs button{padding:0.5rem 1rem;border-radius:0.375rem;background:#f2f4eb;font-size:0.6875rem}.rank-tabs button[aria-pressed=true]{background:#dfe9d3;color:#51693d}#leaderboard-list{list-style:none;margin:0;padding:0}#leaderboard-list li{display:flex;align-items:center;gap:0.75rem;padding:0.8125rem 0.1875rem;border-bottom:0.0625rem solid #dce3d4;font-size:0.75rem}#leaderboard-list .profile-portrait{width:2rem;height:2rem;padding:0.125rem}#leaderboard-list li>strong{font-size:0.6875rem;color:#8c997e;min-width:1.875rem}#leaderboard-list li>b{margin-left:auto;font-size:0.6875rem}#leaderboard-list li>span:not(.profile-portrait){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaderboard-message{font-size:0.6875rem;color:#8c997e}#leaderboard-dialog>small{display:block;font-size:0.5625rem;color:#99a28e;margin-top:1.125rem}[data-theme=dark] .profile-game-settings{border-color:#405039}[data-theme=dark] .score-card,[data-theme=dark] .reward-options button,[data-theme=dark] .rank-tabs button{background:#303c32;border-color:#4d5b44}[data-theme=dark] .reward-options button[data-locked=true]{background:#2b342c}[data-theme=dark] .score-totals b{color:#c9d8b5}[data-theme=dark] #save-cosmetics{background:#405437;color:#d4e6bd;border-color:#5e754f}[data-theme=dark] .rank-tabs button[aria-pressed=true]{background:#49603c;color:#dbedca}.auth-gated .profile-game-settings{display:none}@media(max-width:600px){.score-cards{gap:0.375rem}.score-card{padding:0.75rem 0.5rem}.score-card strong{font-size:1.0625rem}.score-card:not(.score-today) strong{font-size:0.8125rem}.score-card span{font-size:0.4375rem}.reward-options{grid-template-columns:repeat(3,minmax(0,1fr))}.score-heading small{font-size:0.5rem}.reward-options strong{font-size:0.5625rem}}
.sr-only{position:absolute;width:0.0625rem;height:0.0625rem;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.friends-entry{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0.6875rem;border:0.0625rem solid #d1dbc4;border-radius:0.4375rem;margin:0 0 1.5rem;font-size:0.75rem}.friends-entry>span:last-child:not(:empty){background:#829b67;color:white;border-radius:1.25rem;padding:0.0625rem 0.375rem;font-size:0.625rem}#friends-dialog{width:min(48.75rem,94vw);max-height:92dvh;overflow:auto}.friend-code-card{display:flex;align-items:center;justify-content:space-between;background:#eef3e5;border-radius:0.5rem;padding:0.8125rem 1rem;margin:0.9375rem 0}.friend-code-card small{font-size:0.625rem;color:#8b9b7a;display:block}.friend-code-card strong{display:block;font-size:0.875rem;letter-spacing:0.0625rem;margin-top:0.375rem}.friend-code-card button{font-size:0.6875rem}#find-friend-form{display:flex;gap:0.5rem;margin:1rem 0}#friend-code-input{flex:1;min-width:0;border:0.0625rem solid #c8d2b9;border-radius:0.4375rem;background:transparent;padding:0.625rem;font-size:0.75rem}#find-friend-form>button{background:#81966b;border-radius:0.375rem;color:white;padding:0.625rem 1rem;font-size:0.75rem}.friends-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1.4375rem;margin-top:1.25rem}.friends-columns h3{font-size:0.75rem;margin:1rem 0}.friends-list-pane{min-width:0}.friend-profile-pane{border-left:0.0625rem solid #dce4d2;padding-left:1.4375rem}.friend-row{display:flex;align-items:center;gap:0.375rem;border-bottom:0.0625rem solid #e2e7da;padding:0.5625rem 0;min-width:0}.friend-row.selected{background:#edf2e5}.friend-row>button:not(.friend-identity){font-size:0.625rem;padding:0.4375rem;background:#e9efdf;border-radius:0.3125rem;white-space:nowrap}.friend-identity{display:flex;align-items:center;gap:0.625rem;flex:1;min-width:0;text-align:left;padding:0.125rem}.friend-identity:disabled{opacity:1;cursor:default}.friend-identity>.profile-portrait{width:2.375rem;height:2.375rem;padding:0.1875rem}.friend-identity>span:not(.profile-portrait){font-size:0.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.friend-row>small{font-size:0.5625rem;color:#8c997e}.social-empty{font-size:0.75rem;color:#93a085;line-height:1.9;margin:1.25rem 0}#friends-message{font-size:0.6875rem;color:#a05d51}#friend-profile-card{padding:1.5rem 0.9375rem;border-radius:0.625rem;text-align:center;color:#45523a}#friend-profile-card h3{font-size:1.0625rem;margin-bottom:0}.friend-stats{display:flex;justify-content:space-between;gap:0.5rem;margin:1.5rem 0}.friend-stats small{font-size:0.5625rem;color:#8c997d;display:block}.friend-stats strong{font-size:0.75rem;display:block;margin-top:0.625rem}#friend-chat{padding:0.75rem;border:0.0625rem solid #b2c19d;background:#e0eaca;border-radius:0.375rem;width:100%;font-size:0.75rem;color:#536a3d}.friend-actions{display:flex;justify-content:flex-end;gap:0.75rem;margin-top:1rem}.friend-actions button{font-size:0.625rem;color:#9b8976}#blocked-friends-section{margin-top:1.5rem;font-size:0.625rem}.friends-columns h3>span{font-size:0.625rem;color:#91a27e;margin-left:0.3125rem}[data-theme=dark] .friend-code-card,[data-theme=dark] .friend-row.selected{background:#384a35}[data-theme=dark] .friend-profile-pane,[data-theme=dark] .friend-row,[data-theme=dark] .friends-entry{border-color:#45543c}[data-theme=dark] .friend-row>button:not(.friend-identity),[data-theme=dark] #friend-chat{background:#415737;color:#e5f1d8}@media(max-width:600px){.friends-entry{margin:0.875rem 0;max-width:13.75rem}.friends-columns{grid-template-columns:1fr;gap:0.75rem}.friend-profile-pane{border-left:0;border-top:0.0625rem solid #dce4d2;padding:0.9375rem 0 0}#friends-dialog{padding:1.25rem}}
#chat-dialog{width:min(62.5rem,95vw);padding:1.5rem} .chat-layout{display:grid;grid-template-columns:15rem 1fr;min-height:30rem;gap:1.25rem}#chat-rooms{border-right:0.0625rem solid var(--line,#ddd);padding-right:0.875rem;max-height:65vh;overflow:auto}.chat-room{display:flex;align-items:center;gap:0.625rem;width:100%;text-align:left;padding:0.75rem 0.5rem;border:0;border-bottom:0.0625rem dashed #bbb;background:transparent}.chat-room.active{background:#8882}.chat-room .profile-portrait{width:2.75rem;height:2.75rem;flex-shrink:0}.chat-room>span:nth-child(2){min-width:0;flex:1}.chat-room strong,.chat-room small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room small{opacity:.65;font-size:0.75rem;margin-top:0.3125rem}.chat-unread{font-size:0.6875rem;border:0.0625rem solid currentColor;border-radius:50%;padding:0.1875rem 0.375rem}.chat-paper{min-width:0;background-image:linear-gradient(#8881 0.0625rem,transparent 0.0625rem),linear-gradient(90deg,#8881 0.0625rem,transparent 0.0625rem);background-size:1.5rem 1.5rem}.chat-peer{display:flex;gap:0.75rem;align-items:center;padding:0.625rem 1.125rem;border-bottom:0.125rem solid #9995}.chat-peer .profile-portrait{width:3rem;height:3rem}.chat-peer small{display:block;font-size:0.75rem;opacity:.6;margin-top:0.25rem}#chat-messages{height:43vh;min-height:15rem;overflow:auto;padding:0.5rem 1.5rem 1.5rem 1.875rem;border-left:0.125rem solid #b8919138;margin-left:1rem;overscroll-behavior:contain}.chat-date{text-align:center;font-size:0.6875rem;opacity:.6;padding:1rem 0}.chat-message{padding:0.75rem 0;border-bottom:0.0625rem dashed #8884}.chat-message.mine{padding-left:1.5rem}.chat-message-meta{display:flex;gap:0.75rem;align-items:center;font-size:0.75rem}.chat-message-meta time{font-size:0.625rem;opacity:.55}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0.5rem 0 0;font-size:0.875rem;line-height:1.5rem}.chat-send-state{display:flex;gap:0.625rem;align-items:center;opacity:.65}.chat-send-state button{font-size:0.6875rem;padding:0.1875rem 0.375rem}.chat-first-note{white-space:pre-line;text-align:center;line-height:2;opacity:.5;padding:2.5rem 0}#chat-form{display:flex;gap:0.5rem;padding:0.875rem;border-top:0.0625rem solid #8885}#chat-input{resize:vertical;min-width:0;flex:1;background:transparent;color:inherit;border:0.0625rem solid #8885;padding:0.625rem;font:inherit}#send-chat{align-self:flex-end;white-space:nowrap}#chat-status{font-size:0.75rem;padding:0 0.875rem}#older-messages{display:block;margin:0.5rem auto;font-size:0.6875rem}#older-messages[hidden],#chat-sheet[hidden]{display:none}@media(max-width:650px){#chat-dialog{padding:0.875rem}.chat-layout{grid-template-columns:1fr;gap:0.625rem}#chat-rooms{max-height:6.875rem;border-right:0;border-bottom:0.0625rem solid #8884;padding:0}.chat-room{padding:0.3125rem}.chat-room .profile-portrait{width:2rem;height:2rem}#chat-messages{height:35vh}.chat-peer{padding:0.5rem}.chat-peer small{font-size:0.625rem}}

#classes-dialog{width:min(42.5rem,94vw)}#create-class,#join-class{display:flex;gap:0.625rem;align-items:end;margin:1.125rem 0}#create-class label,#join-class label{flex:1}#classes-list{max-height:50vh;overflow:auto}.class-card{border:0.0625rem solid #8885;border-radius:0.75rem;padding:1.125rem;margin:1rem 0}.class-card>small{margin-left:0.75rem}.class-card>button,.class-card>select{margin:0.25rem}.invite-code{font-family:monospace;overflow-wrap:anywhere}.class-member{display:flex;gap:0.75rem;align-items:center;padding:0.625rem 0;border-bottom:0.0625rem dashed #8884}.class-member strong{flex:1}.class-card p{font-size:0.75rem;opacity:.7}

.note-extra-actions{display:flex;gap:0.5rem;align-items:center}#recordings-entry{white-space:nowrap}#recordings-dialog{width:min(50rem,94vw);max-height:90vh;overflow:auto}.consent-line{display:flex;align-items:center;gap:0.5rem;margin:0.9375rem 0}.consent-line input{width:auto}.recording-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.75rem 0}.recording-card{border:0.0625rem solid #8884;border-radius:0.625rem;padding:1rem;margin:1rem 0}.recording-card>input{background:transparent;color:inherit;font-weight:600}.recording-card>small{display:block;opacity:.6;margin-top:0.5rem}.recording-card audio{width:100%;margin-top:0.625rem}#recording-list{max-height:40vh;overflow:auto}.resource-link{display:flex;gap:0.75rem;align-items:center;justify-content:space-between;padding:0.625rem;border-bottom:0.0625rem dashed #8885}.resource-link a{color:inherit;overflow-wrap:anywhere}#add-recording-link{display:grid;gap:0.625rem;margin-top:1.125rem}#recording-live{font-weight:600;color:#bd4141}#recording-status{min-height:1.25rem;font-size:0.8125rem}@media(max-width:700px){.note-extra-actions{flex-direction:column;align-items:end}}

#create-class label,#join-class label,#add-recording-link label{display:grid;gap:0.5rem;font-size:0.8125rem}#classes-dialog input,#add-recording-link input{width:100%;background:transparent;color:inherit;border:0.0625rem solid #8886;border-radius:0.4375rem;padding:0.625rem;font:inherit}#classes-dialog button,#classes-dialog select,#recordings-dialog button{padding:0.5rem 0.6875rem;border:0.0625rem solid #8885;border-radius:0.4375rem;background:transparent;color:inherit}#classes-dialog select{background:var(--paper,#fffefa);color:var(--ink,#35392f)}[data-theme=dark] #classes-dialog select{background:#252a2c;color:#e8e9e2}.invite-code{opacity:1!important;color:inherit!important}.class-card>p:not(.invite-code){opacity:.7!important}

#timetable-dialog,#audio-inbox-dialog,#recording-requests-dialog{width:min(50rem,95vw);max-height:88vh;overflow:auto}#timetable-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:0.75rem}#timetable-form label{display:grid;gap:0.375rem;font-size:0.75rem}#timetable-form label:last-of-type{grid-column:1 / 4}#timetable-form input,#timetable-form select,.lecture-choice select{padding:0.5625rem;border:0.0625rem solid #8885;border-radius:0.4375rem;background:transparent;color:inherit;width:100%;font:inherit}#timetable-form button,.timetable-row button,#duplicate-dialog button,#recording-requests-dialog button,#audio-inbox-dialog button{border:0.0625rem solid #8885;padding:0.5625rem 0.75rem;border-radius:0.4375rem}.timetable-row{display:flex;gap:0.75rem;align-items:center;padding:0.8125rem 0;border-bottom:0.0625rem dashed #8885;flex-wrap:wrap}.timetable-row strong{flex:1}.timetable-row span,.timetable-row small{font-size:0.75rem}.lecture-choice{display:grid;gap:0.5rem;margin:0.9375rem 0;font-size:0.8125rem}.recording-hint{font-size:0.75rem!important}#shared-audio-list audio{display:block;width:100%;margin:0.625rem 0}#shared-audio-list a{color:inherit;margin-right:1.25rem}#duplicate-dialog{width:min(34.375rem,92vw)}#duplicate-message{font-size:1.3125rem;line-height:1.6}#timetable-summary{border:0.0625rem dashed #9997;padding:0.75rem;margin-bottom:1rem;width:100%;text-align:left}@media(max-width:600px){#timetable-form{grid-template-columns:1fr 1fr}#timetable-form label:first-child,#timetable-form label:last-of-type{grid-column:1 / 3}}

.sidebar .brand{padding-bottom:1.5rem}.sidebar-bottom{padding-top:0.9375rem}#sidebar-friends{border-top:0.0625rem solid #8883;padding-top:0.625rem;margin-bottom:0.75rem}#sidebar-friends .friends-entry{margin:0;padding:0.5rem 0.25rem}#online-friends{display:flex;gap:0.5625rem;flex-wrap:wrap;padding:0.5rem 0.125rem}.online-friend{padding:0;border:0;position:relative}.online-friend .profile-portrait{width:2.375rem;height:2.375rem}.online-friend:after{content:'';position:absolute;bottom:0;right:0;border:0.125rem solid var(--paper,#eeeee5);border-radius:50%;width:0.5625rem;height:0.5625rem;background:#6d9c72}#shelf-entry{padding:0;font-size:0.8125rem;font-weight:700;text-align:left}#folders{max-height:35vh;overflow:auto}.toolbar-recording{margin-left:auto;white-space:nowrap}.toolbar-recording button{padding:0.4375rem 0.75rem;border:0.0625rem solid #8885;border-radius:0.4375rem}#friends-dialog #chat-entry,#recordings-dialog .friends-entry{width:auto;margin:0}.note-extra-actions{flex:0!important}.library-heading{flex-wrap:wrap}.library-heading>div{flex:1}.sidebar-bottom .storage-caption{font-size:0.5625rem}

#notebook-app{min-width:0}.toolbar{flex-wrap:wrap}.toolbar-recording{flex:0 0 auto}@media(max-width:600px){main{max-width:100%;margin-left:0}}