@font-face{font-family:Outfit;src:url('../assets/fonts/outfit.woff2') format('woff2');font-weight:300 700;font-display:swap}@font-face{font-family:NotoUI;src:url('../assets/fonts/noto-ui.woff2?v=cf-20261017-r1') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:light;--ink:#2d4036;--muted:#738078;--green:#577862;--line:#526b571c;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:400 14px/1.75 Outfit,NotoUI,'PingFang SC','Microsoft YaHei',sans-serif;background:#f1f4ed;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button,a{position:relative}input,textarea,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #73987e;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%}[hidden]{display:none!important}::selection{background:#d5e4d4}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;z-index:200;top:-80px;left:20px;background:white;border-radius:20px;padding:10px 20px}.skip:focus{top:12px}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 5% 1%,#e5e1f1 0,transparent 42%),radial-gradient(ellipse at 100% 12%,#f6e4d9 0,transparent 40%),radial-gradient(ellipse at 12% 95%,#dfe9d8 0,transparent 44%),#f4f5f0}.glass{border:1px solid #ffffffe8;background:linear-gradient(145deg,#ffffffbd,#ffffff72);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #83928313,0 12px 45px #3a59450a;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1540px;margin:auto;padding:28px 42px}.brand{font-size:28px;font-weight:500;letter-spacing:-1.2px;display:flex;gap:3px;align-items:center}.brand>span{color:#7c9868}.brand small{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-left:18px;border-left:1px solid #62776530;padding-left:19px;font-weight:400}.header-actions{display:flex;align-items:center;gap:25px}.home-link{font-size:12px;color:var(--muted)}.home-link span{margin-left:4px}.connection-button{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:30px;font-size:12px;overflow:hidden}.connection-dot,.footnote-dot{width:6px;height:6px;background:#a7b29e;border-radius:50%;flex-shrink:0}.is-connected .connection-dot{background:#7d9e66;box-shadow:0 0 0 4px #a7c29020}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;max-width:1456px;margin:0 auto;padding:0 42px;align-items:start}.library{position:sticky;top:22px;border-radius:27px;padding:25px 20px;min-width:0}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{font-size:9px;font-weight:400;letter-spacing:.17em;color:#8a9487;line-height:1.5}.library h1{font-size:18px;letter-spacing:-.02em;margin-top:8px;white-space:nowrap}.library h1 span{color:#88a178}.owner-avatar{border-radius:50%;width:40px;height:40px;object-fit:cover;border:3px solid #fff9;flex-shrink:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 21px;border-radius:16px;font-size:13px;transition:transform .25s var(--ease),background .25s;overflow:hidden}.primary{background:#597962;color:#fff;box-shadow:inset 0 1px 1px #fff4,0 4px 12px #55775f14}.secondary{background:#e6eee150;color:var(--ink);border:1px solid var(--line)}.primary:active,.secondary:active{transform:scale(.975)}.new-button{width:100%;margin:25px 0 23px;min-height:46px;border-radius:17px;background:#f9fcf4b5;color:#4d6f58;border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 3px 15px #7390760a}.new-button span{font-size:23px;line-height:1;font-weight:300}.library-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:15px;background:#7a91660c;gap:4px}.library-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;padding:9px 5px;border-radius:12px;background:none;font-size:12px;color:#7b897b;min-height:40px}.library-tabs button[aria-selected=true]{background:#ffffffe0;color:#3a5945;box-shadow:0 2px 8px #53675108}.library-tabs span{font-size:10px;opacity:.75}.list-top{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:18px 4px 12px;min-height:45px}.list-top p{font-size:10px;color:#8e988a;letter-spacing:.02em}.quiet{background:none;font-size:12px;color:#70816f;padding:8px 11px;border-radius:12px;min-height:40px}.small-button{font-size:11px;padding:2px 5px;min-height:26px}.library-list{max-height:calc(100dvh - 350px);min-height:150px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b9c7b4 transparent}.entry{border:1px solid transparent;border-radius:16px;padding:14px 13px;width:100%;display:block;text-align:left;background:transparent;margin-bottom:6px;transition:background .2s}.entry.is-active{background:#ffffffb5;border-color:#fff;box-shadow:0 3px 15px #53675105}.entry-title{display:block;font-size:13px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-meta{display:flex;gap:7px;color:#8a9688;font-size:10px;margin-top:6px;line-height:1.7;flex-wrap:wrap}.entry-category{color:#6f876e}.entry-sample{background:#dce6d73d;border-radius:6px;padding:0 4px}.empty-list{padding:26px 12px;text-align:center;color:#91a08d;font-size:12px;line-height:2}.empty-list strong{font-size:13px;font-weight:400;color:#71866b;display:block;margin-bottom:4px}.local-note{margin:22px 5px 0;padding-top:19px;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#939c8f;line-height:1.9}.local-note svg{width:13px;height:15px;flex-shrink:0;margin-top:2px;stroke-width:1.5}.editor{min-width:0;padding:31px 35px 20px;border-radius:28px}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.editor-top h2{font-size:16px;letter-spacing:.02em;margin-top:6px}.save-state{font-size:10px;color:#8b9887;white-space:nowrap;display:flex;align-items:center;gap:6px}.save-state:before{content:'';width:4px;height:4px;border-radius:50%;background:#a2b497}.save-state.error{color:#a16c59}.save-state.error:before{background:#ba8a77}.title-input{border:0;border-bottom:1px solid var(--line);background:none;width:100%;padding:16px 0 24px;font-size:clamp(24px,2.3vw,34px);font-weight:400;line-height:1.5;letter-spacing:-.03em;border-radius:0;outline-offset:3px!important}.title-input::placeholder{color:#a1aa9c}.metadata{display:grid;grid-template-columns:130px 145px minmax(0,1fr);gap:17px;margin:25px 0 20px}.metadata label,.excerpt-label,.token-label{display:block;font-size:11px;color:#70816f}.metadata input,.metadata select{display:block;width:100%;height:42px;background:#ffffffe0;border:1px solid #d5dfd05c;border-radius:12px;margin-top:8px;padding:9px 11px;font-size:12px;color:#4e654f}.metadata input[type=date]{appearance:none;-webkit-appearance:none;min-width:0}.optional{font-size:10px;font-weight:400;color:#9ba493;margin-left:5px}.excerpt-input{display:block;resize:vertical;min-height:68px;max-height:160px;width:100%;border:1px solid #d5dfd05c;border-radius:13px;background:#ffffff9e;padding:12px 14px;font-size:12px;margin-top:9px;line-height:1.8}.excerpt-input::placeholder{color:#a1ac99}.writing-area{margin-top:25px;border:1px solid #cbd8c66b;border-radius:19px;background:#ffffffe0;overflow:hidden;transition:box-shadow .25s,border-color .25s}.writing-area.dragover{border-color:#85a77c;box-shadow:0 0 0 4px #9db79820}.writing-bar{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:9px 11px;border-bottom:1px solid #e0e7ddab;background:#f5f8f1b0}.format-tools{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.format-tools button{display:flex;align-items:center;justify-content:center;width:33px;height:34px;background:none;border-radius:9px;color:#6d816b;font:400 17px/1 Outfit,sans-serif}.format-tools svg{width:18px;height:18px;stroke-width:1.5}.code-icon{font:11px ui-monospace,monospace;letter-spacing:-1px}.preview-button{background:#e7eddf70;border:1px solid #d3dfc95c;color:#748569;border-radius:10px;min-height:33px;font-size:11px;padding:5px 12px;white-space:nowrap}.preview-button[aria-pressed=true]{background:#e3ecd9;color:#527544}.markdown-input{resize:vertical;min-height:400px;display:block;width:100%;border:0;outline:none!important;background:none;padding:24px 24px 32px;line-height:2;font:400 14px/2 Outfit,NotoUI,sans-serif;tab-size:2}.markdown-input::placeholder{color:#abb5a3}.writing-bottom{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid #e5ebe04f;color:#9ba691;font-size:10px}.markdown-hint{margin-left:auto;font-family:Outfit,sans-serif;font-size:10px;letter-spacing:.04em}.editor-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}.draft-actions{display:flex;align-items:center;gap:1px;flex-wrap:wrap}.danger{color:#a48877}.publish-button{min-width:148px;border-radius:14px;min-height:45px}.publish-button span{font-size:18px;font-weight:300}.editor-footnote{font-size:10px;color:#97a18d;display:flex;align-items:flex-start;gap:7px;padding-top:21px;margin-top:22px;border-top:1px solid var(--line);line-height:1.8}.footnote-dot{margin-top:6px;background:#b0bf9d;width:4px;height:4px}.publish-status{padding:0;font-size:12px;color:#6d8064;line-height:1.9;overflow-wrap:anywhere}.publish-status:empty{display:none}.publish-status:not(:empty){margin-top:20px;padding:13px 16px;border:1px solid #d8e2cf70;border-radius:13px;background:#e5edda35}.publish-status.error{color:#a16b56;background:#f3e6dd65;border-color:#e7d3c85c}.publish-status a{display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-left:10px}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1456px;margin:auto;padding:28px 45px 35px;color:#97a18f;font-size:10px;letter-spacing:.03em}.article-preview{min-height:400px;padding:25px 28px 35px;overflow-wrap:anywhere;font-size:14px;line-height:2}.article-preview.empty-preview{color:#9baa91;display:grid;place-items:center}.article-preview h1,.article-preview h2,.article-preview h3{font-weight:500;line-height:1.6;margin:24px 0 12px;color:#39563e}.article-preview h1{font-size:28px}.article-preview h2{font-size:23px}.article-preview h3{font-size:19px}.article-preview p{margin:13px 0}.article-preview a{color:#63834e;text-decoration:underline;text-underline-offset:4px}.article-preview img{max-width:100%;height:auto;display:block;border-radius:14px;margin:20px auto}.article-preview pre{white-space:pre;overflow:auto;max-width:100%;padding:16px;border-radius:13px;background:#eaf0e4;font:12px/1.8 ui-monospace,Consolas,monospace}.article-preview code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;background:#dce6d34d;border-radius:4px;padding:2px 5px}.article-preview pre code{padding:0;background:none}.article-preview blockquote{border-left:3px solid #b1c79b;padding:2px 18px;margin:20px 0;color:#778d69;background:#edf2e75e}.article-preview ul,.article-preview ol{padding-left:25px}.article-preview table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;font-size:12px}.article-preview th,.article-preview td{border:1px solid #d6dfcf;padding:8px 12px}.article-preview hr{border:0;border-top:1px solid var(--line);margin:25px 0}.modal{width:min(520px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;border-radius:25px;padding:27px;color:var(--ink);background:#f6f9f2f2;box-shadow:0 20px 100px #526b5726}.modal::backdrop{background:#4a625b30;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .25s var(--ease)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-top h2{font-size:23px;margin-top:8px}.close-button{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#fff8;border:1px solid #fff;border-radius:50%;font-size:24px;font-weight:300;color:#76866e}.dialog-copy{font-size:12px;color:#829175;line-height:2;margin-top:20px}.dialog-copy strong,.connection-steps strong{font-weight:500;color:#5e7855}.connection-steps{margin:22px 0;padding-left:21px;font-size:12px;color:#829175;line-height:2}.connection-steps li{margin:9px 0;padding-left:4px}.connection-steps a{text-decoration:underline;text-underline-offset:4px;color:#5f8051}.token-label{font-size:12px;margin-top:20px}#github-token{width:100%;height:46px;border:1px solid #cedbc3;border-radius:13px;padding:11px 13px;background:#ffffffe0;margin-top:8px;font:13px ui-monospace,monospace}.token-note{font-size:10px;color:#96a18a;line-height:1.8;margin-top:10px}.form-error{font-size:12px;line-height:1.8;color:#a67058;margin-top:12px;overflow-wrap:anywhere}.form-error:empty{display:none}.full-button{width:100%;margin-top:23px}.compact-modal{max-width:410px}.compact-modal h2{font-size:21px}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}#connected-panel{padding-top:24px}#connected-user{font-size:15px;margin-bottom:15px}#disconnect-button{width:100%}.toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,12px);width:max-content;max-width:calc(100vw - 32px);text-align:center;border-radius:18px;padding:12px 22px;font-size:12px;line-height:1.8;opacity:0;pointer-events:none;z-index:120;transition:opacity .2s,transform .3s var(--ease)}.toast.visible{opacity:1;transform:translate(-50%,0)}.click-layer{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden}.glass-wave{position:fixed;pointer-events:none;width:84px;height:84px;border-radius:50%;border:1px solid #ffffffdd;background:radial-gradient(ellipse at 30% 18%,#ffffffb0,#ffffff10 50%,#e5eceb50 75%,transparent);box-shadow:inset 1px 2px 6px #ffffffd9,inset -1px -2px 7px #b8c5ba38,0 3px 18px #6f82751a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:glass-wave .65s var(--ease) forwards;transform:translate(-50%,-50%)}@keyframes glass-wave{from{opacity:.85;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.is-publishing .metadata,.is-publishing .title-input,.is-publishing .excerpt-label,.is-publishing .excerpt-input,.is-publishing .writing-area{opacity:.72}.is-publishing #article-form{pointer-events:none}.is-publishing #publish-button{pointer-events:auto}
@media(hover:hover){.quiet:hover,.format-tools button:hover{background:#e4ebdb80}.entry:hover{background:#ffffff7d}.primary:hover{background:#4e7057}.new-button:hover{background:#fff;color:#4d6f58}.home-link:hover{color:#3f6749}.library-tabs button:hover{color:#416b45}}
@media(min-width:1500px){.workspace{grid-template-columns:305px minmax(0,1fr);gap:28px}.editor{padding:37px 45px 25px}.markdown-input,.article-preview{min-height:440px}}
@media(max-width:1100px){.app-header{padding:24px}.workspace{padding:0 24px;grid-template-columns:245px minmax(0,1fr);gap:18px}.library{padding:22px 15px}.library h1{font-size:16px}.owner-avatar{width:34px;height:34px}.library .eyebrow{font-size:8px;letter-spacing:.09em}.editor{padding:27px 25px 20px}.metadata{grid-template-columns:1fr 1fr;gap:15px}.tags-label{grid-column:1/-1}.metadata{margin:22px 0 20px}.app-footer{padding:25px}.draft-actions .quiet{padding:7px 8px;font-size:11px}.publish-button{min-width:132px;font-size:12px}}
@media(max-width:800px){.workspace{display:flex;flex-direction:column;padding:0 20px;gap:18px}.app-header{padding:20px}.library{position:static;width:100%;padding:20px}.library-heading{justify-content:flex-start;gap:13px}.library-heading>div{order:2}.owner-avatar{width:43px;height:43px;order:1}.library h1{font-size:18px;margin-top:4px}.library .eyebrow{font-size:9px}.new-button{position:absolute;right:20px;top:24px;width:auto;min-height:42px;margin:0;padding:8px 14px;font-size:12px}.library-tabs{margin-top:20px}.library-list{display:flex;min-height:0;max-height:180px;gap:7px;padding-bottom:5px;overflow:auto;scrollbar-width:thin;align-items:flex-start}.entry{flex:0 0 210px;max-width:235px;margin:0}.empty-list{width:100%;padding:15px 10px}.empty-list strong{display:inline;font-size:12px;margin:0 8px 0 0}.local-note{margin:10px 3px 0;padding:10px 0 0;font-size:10px}.local-note svg{display:none}.list-top{padding:12px 4px 9px;min-height:38px}.editor{width:100%;padding:25px;border-radius:25px}.metadata{grid-template-columns:135px 145px minmax(0,1fr)}.tags-label{grid-column:auto}.title-input{font-size:28px;padding-bottom:20px}.app-footer{padding:25px 24px}.markdown-input{min-height:370px}.header-actions{gap:18px}.brand small{margin-left:11px;padding-left:13px;font-size:11px}}
@media(max-width:600px){.app-header{padding:18px 16px;gap:10px}.brand{font-size:25px}.brand small{display:none}.header-actions{gap:12px}.home-link{font-size:10px}.connection-button{font-size:11px;min-height:40px;padding:9px 13px;gap:7px}.workspace{padding:0 12px;gap:14px}.library{padding:18px;border-radius:22px}.library h1{font-size:16px}.library .eyebrow{font-size:8px;letter-spacing:.1em}.library-heading{gap:10px}.owner-avatar{width:38px;height:38px}.new-button{right:17px;top:20px;padding:7px 11px;min-height:39px;font-size:11px;gap:5px;border-radius:13px}.new-button span{font-size:18px}.library-tabs{margin-top:17px}.editor{padding:22px 18px 18px;border-radius:22px}.editor-top{margin-bottom:13px}.editor-top h2{font-size:14px}.editor-top .eyebrow{font-size:8px}.save-state{font-size:9px;max-width:130px;white-space:normal;text-align:right}.title-input{font-size:25px;padding-top:12px;padding-bottom:20px}.metadata{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;margin:20px 0 17px}.tags-label{grid-column:1/-1}.metadata label,.excerpt-label{font-size:10px}.metadata input,.metadata select{font-size:12px;height:42px;padding:8px 10px}.excerpt-input{font-size:12px}.writing-area{margin-top:20px;border-radius:16px}.writing-bar{padding:8px 7px;align-items:flex-start}.format-tools{gap:0}.format-tools button{width:30px;height:34px;font-size:16px}.preview-button{font-size:10px;padding:5px 9px;min-height:34px}.markdown-input{font-size:13px;min-height:350px;padding:20px 17px 28px}.writing-bottom{font-size:9px;gap:9px;padding:10px 12px}.markdown-hint{font-size:9px}.editor-actions{gap:12px;margin-top:17px}.draft-actions{width:100%;justify-content:space-between}.draft-actions .quiet{font-size:11px;min-height:38px;padding:5px 7px}.publish-button{width:100%;min-height:46px;border-radius:14px}.editor-footnote{margin-top:18px;padding-top:17px;font-size:9px}.article-preview{padding:18px;min-height:350px;font-size:13px}.article-preview h1{font-size:24px}.article-preview h2{font-size:21px}.article-preview h3{font-size:18px}.app-footer{font-size:9px;padding:25px 18px;flex-wrap:wrap;gap:8px}.modal{padding:23px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:22px}.dialog-top h2{font-size:22px}.connection-steps{font-size:11px;padding-left:18px}.dialog-copy{font-size:11px}.optional{font-size:9px}.markdown-hint{display:none}.publish-status{font-size:11px}.entry{flex-basis:190px}}
@media(max-width:359px){.app-header{padding:16px 13px}.header-actions{gap:9px}.home-link{font-size:9px}.connection-button{padding:8px 10px;font-size:10px;gap:5px}.brand{font-size:23px}.library{padding:16px 14px}.library h1{font-size:14px}.library .eyebrow{font-size:7px;letter-spacing:.04em}.owner-avatar{width:32px;height:32px}.library-heading{gap:7px}.new-button{right:13px;top:18px;padding:6px 8px;font-size:10px}.editor{padding:20px 13px 15px}.title-input{font-size:23px}.format-tools button{width:27px;height:32px}.format-tools svg{width:16px;height:16px}.preview-button{padding:5px 7px;min-height:32px}.writing-bar{padding:7px 5px}.markdown-input{padding:17px 13px}.writing-bottom{font-size:8px;gap:7px}.metadata{gap:10px}.dialog-top .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.glass-wave{animation:none;opacity:.35;transform:translate(-50%,-50%) scale(.7)}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:#f9fbf5f5}.modal{background:#f7faf2}}
.list-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.list-actions button{white-space:nowrap}
.writer-lock{min-height:100svh;display:grid;place-content:center;justify-items:center;padding:30px 18px}.unlock-card{width:min(100%,410px);padding:38px 32px;border-radius:30px}.unlock-card>img{display:block;border-radius:50%;border:4px solid #fffc;margin-bottom:24px}.unlock-card h1{font-size:24px;letter-spacing:-.03em;margin-top:12px}.unlock-copy{font-size:12px;color:var(--muted);margin:12px 0 25px}.unlock-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.unlock-card input{width:100%;min-height:48px;border:1px solid #fff;border-radius:14px;background:#ffffff8c;padding:10px 14px;font-size:16px}.unlock-home{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:23px}.unlock-note{font-size:10px;color:#8c9687;text-align:center;margin-top:20px}.unlock-card .form-error{min-height:25px;margin:9px 0}
.profile-open{width:100%;margin:-10px 0 20px;font-size:12px;min-height:40px;gap:12px}.profile-modal{width:min(680px,calc(100vw - 24px))}.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.profile-details label{font-size:12px;color:var(--muted)}.profile-details input{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #fff;border-radius:12px;background:#ffffff8c;padding:9px 12px;font-size:14px}.profile-details label:last-child{grid-column:1/-1}.profile-bio-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}#profile-count{font-size:10px}#profile-bio{display:block;width:100%;resize:vertical;min-height:160px;max-height:50dvh;border:1px solid #fff;border-radius:15px;background:#ffffff8c;padding:15px;line-height:1.85;font-size:14px}.profile-note{font-size:10px;color:var(--muted);margin-top:10px}.profile-buttons{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:23px}.profile-view{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.profile-modal .is-error{color:#986b58}
@media(max-width:800px){.profile-open{width:auto;display:flex;margin:18px 0 0;padding:6px 13px;font-size:11px}.profile-open+.library-tabs{margin-top:14px}}
@media(max-width:600px){.profile-details{gap:12px;margin-top:18px}.profile-details input,#profile-bio{font-size:16px}.profile-buttons{align-items:stretch}.profile-buttons .primary{width:100%;order:-1}.profile-buttons .quiet{padding-left:0}.unlock-card{padding:29px 24px;border-radius:25px}.unlock-card h1{font-size:22px}.unlock-card .eyebrow{font-size:9px}}

.library-management{display:flex;justify-content:space-between;gap:8px;margin:-8px 0 14px}.library-management .small-button{min-height:36px;font-size:11px}.managed-comment{border-bottom:1px solid var(--line);padding:18px 0}.managed-comment strong{font-size:13px}.managed-comment time{display:block;font-size:10px;color:var(--muted);margin-top:3px}.managed-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin-top:10px}.managed-comment .quiet{padding-left:0}#password-form input{display:block;width:100%;min-height:44px;border:1px solid #fff;background:#ffffff9c;border-radius:12px;padding:10px 12px;font-size:16px}#password-form .token-label{margin-top:16px}#disconnect-button{margin-top:16px}@media(max-width:800px){.library-management{margin:4px 0 0;justify-content:flex-start;gap:18px}}

.storage-state{font-size:9px;color:var(--muted);margin:0 0 14px;line-height:1.8}