*{box-sizing:border-box} :root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172036;background:#f5f7fb;font-size:16px;font-synthesis:none}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer;transition:background .15s}button:disabled{opacity:.55;cursor:wait}a{color:inherit}h1,h2,p{margin-top:0}h1{font-size:2.65rem;letter-spacing:-.045em;line-height:1.15;margin-bottom:14px}h2{font-size:1.6rem;letter-spacing:-.035em;margin-bottom:18px}.muted{color:#657086;line-height:1.65}.topbar{height:88px;border-bottom:1px solid #e0e5ee;background:white;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;font-weight:750;font-size:1.3rem;letter-spacing:-.04em;gap:8px}.brand-icon{background:#3157ed;color:#fff;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font-size:1.7rem;margin-right:3px}.brand-light{color:#718099;font-weight:450}.topbar form{display:flex;gap:20px;align-items:center}.account{font-size:.9rem;color:#657086}.quiet,.icon-button{border:0;background:transparent;color:#536077;padding:10px}.quiet:hover,.icon-button:hover{background:#eff2f8;border-radius:8px}.workspace{max-width:1180px;margin:0 auto;padding:62px 32px 30px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px}.heading p{margin-bottom:0}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.15em;color:#64728c;margin-bottom:14px}.count{display:inline-grid;place-items:center;margin-left:16px;vertical-align:middle;min-width:34px;height:31px;padding:0 9px;background:#e7edff;color:#3157ed;border-radius:7px;font-size:.9rem;letter-spacing:0}.primary,.secondary,.danger,.file-button{border-radius:9px;font-weight:650;padding:13px 19px;font-size:.9rem;white-space:nowrap;border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:20px}.primary{background:#3157ed;color:white;box-shadow:0 4px 9px #3157ed18}.primary:hover{background:#2444c7}.secondary,.file-button{background:white;border-color:#d9e0ed;color:#25324c}.secondary:hover,.file-button:hover{background:#f2f5fb}.danger{background:#b42335;color:white}.danger:hover{background:#8f1727}.list-top{display:flex;justify-content:space-between;gap:16px;font-size:.75rem;letter-spacing:.08em;font-weight:650;color:#738097;padding:0 5px 15px}.page-card{display:flex;align-items:center;gap:20px;background:white;border:1px solid #dfe5ef;border-radius:12px;padding:23px 24px;margin-bottom:12px;min-width:0}.doc-icon{flex-shrink:0;width:48px;height:54px;display:grid;place-items:center;color:#3157ed;background:#edf1ff;border-radius:9px;font:700 1rem ui-monospace,monospace}.page-info{flex:1;min-width:0}.page-title{font-weight:650;font-size:1.05rem;margin:0 0 7px;overflow-wrap:anywhere}.page-link{display:block;color:#697a98;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.page-link:hover{text-decoration:underline;color:#3157ed}.page-meta{font-size:.78rem;color:#7a8599;margin-top:9px}.page-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.page-actions button,.page-actions a{font-size:.85rem;padding:9px 11px;border-radius:7px;border:1px solid #e0e5ef;background:white;text-decoration:none;white-space:nowrap}.page-actions button:hover,.page-actions a:hover{background:#edf1ff}.page-actions .delete{color:#b42335;border-color:transparent}.empty{border:1px dashed #c7d2e5;border-radius:14px;padding:64px 25px;text-align:center;background:#ffffff90}.empty .doc-icon{margin:0 auto 20px;width:64px;height:68px}.empty h2{font-size:1.3rem;margin-bottom:10px}.empty p{margin-bottom:24px}.footnote{font-size:.8rem;color:#78849a;margin-top:23px}dialog{border:1px solid #dce2ed;border-radius:18px;box-shadow:0 24px 90px #13254933;padding:30px;width:760px;max-width:calc(100% - 24px);max-height:92dvh;overflow:auto}dialog::backdrop{background:#17203670;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading .eyebrow{margin-bottom:8px}.icon-button{font-size:1.7rem;line-height:1;padding:4px 10px}label{display:block;font-size:.9rem;font-weight:600;margin:18px 0 8px}input:not([type=hidden]):not([type=file]),textarea{width:100%;border:1px solid #ccd6e6;border-radius:8px;padding:12px 14px;color:#172036;background:white}input:focus,textarea:focus{outline:2px solid #3157ed;outline-offset:1px}textarea{height:260px;resize:vertical;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.label-note{font-weight:400;color:#7a8599;margin-left:7px;font-size:.8rem}.upload-box{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px dashed #becce3;border-radius:10px;padding:18px;margin:20px 0;background:#f7f9fd}.upload-box strong{font-size:.9rem}.upload-box p{font-size:.8rem;margin:4px 0 0}.file-button{margin:0;cursor:pointer}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.file-input:focus+.file-button{outline:2px solid #3157ed}#file-name{font-size:.8rem;color:#3157ed;overflow-wrap:anywhere;width:100%}#file-name:empty{display:none}.editor-note{font-size:.8rem;color:#738097;line-height:1.6;margin:10px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5eaf2}.error{color:#b42335;font-size:.9rem;line-height:1.5}.error:empty{display:none}#delete-dialog{width:470px}#delete-title{font-weight:650;overflow-wrap:anywhere}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172036;color:white;border-radius:10px;padding:14px 24px;box-shadow:0 10px 40px #17203625;max-width:calc(100% - 32px);z-index:10;font-size:.9rem}.login-body{min-height:100dvh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 80% 20%,#dfe7ff 0,transparent 50%),#f5f7fb}.login-card{background:white;border:1px solid #dfe5ef;border-radius:18px;padding:44px;width:465px;max-width:100%;box-shadow:0 18px 60px #18306808}.login-card .brand{margin-bottom:50px}.login-card h1{font-size:2.5rem}.login-card form{margin-top:28px}.wide{width:100%;justify-content:space-between;margin-top:26px}.login-foot{font-size:.75rem;color:#8791a4;margin:28px 0 0;text-align:center}@media(max-width:800px){.page-card{flex-wrap:wrap;gap:14px}.page-info{width:calc(100% - 70px);flex:auto}.page-actions{margin-left:62px;justify-content:flex-start}.heading{align-items:flex-start}.workspace{padding:38px 20px}.heading h1{font-size:2.2rem}}@media(max-width:540px){.topbar{height:74px;padding:0 20px}.brand{font-size:1.1rem}.account{display:none}.heading{flex-direction:column;gap:22px;margin-bottom:28px}.heading .primary{width:100%}.page-card{padding:18px}.page-actions{margin-left:0;gap:6px}.page-actions button,.page-actions a{padding:9px;font-size:.8rem}.page-link{font-size:.8rem}.login-card{padding:28px}.login-card h1{font-size:2.2rem}.login-card .brand{margin-bottom:36px}dialog{padding:22px}.label-note{display:block;margin:5px 0 0}.dialog-actions>*{flex:1}.footnote{line-height:1.6}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important}.top-actions{display:flex;align-items:center;gap:14px}.library-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.scope-tabs,.input-modes{display:flex;gap:4px;background:#e9eef7;border-radius:10px;padding:4px;flex-wrap:wrap}.scope-tabs button,.input-modes button{border:0;background:transparent;padding:11px 16px;font-size:.875rem;color:#5f6e88;border-radius:7px;font-weight:600}.scope-tabs button.active,.input-modes button.active{color:#2344ca;background:white;box-shadow:0 2px 6px #162e6112}.filters{display:flex;gap:16px;margin-bottom:30px;flex-wrap:wrap}.filters>div{min-width:180px;flex:1}.filters label{margin:0 0 8px;font-size:.8rem;color:#697a95}select{font:inherit;font-size:.9rem;background:white;color:#25324c;border:1px solid #ccd6e6;border-radius:8px;padding:11px 30px 11px 12px;max-width:100%;width:100%}.page-card{flex-wrap:wrap;align-items:flex-start}.page-info{flex:1;min-width:0}.page-actions{width:100%;justify-content:flex-start;margin-left:68px}.owner-label{display:block;font-size:.75rem;color:#64728c;margin-bottom:8px}.page-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tag-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid;border-radius:20px;color:#172036;padding:5px 10px;font-size:.8rem;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.tag-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%}.tag-picker{display:flex;flex-wrap:wrap;gap:9px;min-height:36px}.tag-picker .tag-badge{opacity:.68;border-style:dashed}.tag-picker .tag-badge.selected{opacity:1;border-style:solid;box-shadow:0 0 0 2px #23366325}.tag-picker .tag-badge.selected:after{content:'✓';font-weight:800;margin-left:3px}.tag-picker .tag-badge:disabled{cursor:default;opacity:.75}.input-modes{margin:22px 0 18px;display:inline-flex}.section-label{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:10px}.section-label label{margin:0 0 10px}.text-button{padding:6px 0 12px;border:0;background:none;color:#3157ed;font-size:.85rem;font-weight:650}.small{font-size:.85rem}.small-dialog{width:480px}.tag-fields{display:grid;grid-template-columns:1fr 100px;gap:20px}.tag-fields .label-note{display:inline;margin-left:4px}input#tag-color{padding:4px;height:47px;cursor:pointer}.emoji-presets,.color-presets{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.emoji-button{background:#f4f6fa;border:1px solid #e1e6ef;border-radius:8px;font-size:1.25rem;width:38px;height:38px;display:grid;place-items:center}.color-button{width:30px;height:30px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #cbd5e1}.manager-list{margin:4px 0 24px}.manager-row,.share-row,.history-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #e4e9f2}.manager-row>div:first-child{min-width:0}.row-actions{display:flex;flex-shrink:0}.delete{color:#b42335}.history-row{align-items:flex-start}.history-row>div{min-width:0;overflow-wrap:anywhere}.history-row p{margin:7px 0}.history-meta{font-size:.8rem;color:#758199}.history-row strong{font-size:.95rem}#revision-code{height:380px;background:#f7f9fd}.share-row label{margin:0;overflow-wrap:anywhere}.share-row select{width:180px;flex-shrink:0}.user-create{border-top:1px solid #dce3ef;padding-top:20px}.user-create h3{margin:0;font-size:1.2rem}.success{color:#16733f;font-size:.9rem;line-height:1.5}.success:empty{display:none}.upload-box input[type=file]{font-size:.85rem;max-width:100%}.upload-box input[type=file]::file-selector-button{border:1px solid #ccd6e6;background:white;color:#25324c;padding:10px;border-radius:8px;margin-right:12px;font:inherit;cursor:pointer}#editor .dialog-actions .primary{white-space:normal}#confirm-dialog{z-index:20}@media(max-width:800px){.library-controls{align-items:flex-start;flex-direction:column}.filters>div{min-width:150px}.page-actions{margin-left:62px}.top-actions{gap:4px}.topbar form{gap:8px}}@media(max-width:540px){.page-actions{margin-left:0}.topbar{padding:0 14px}.brand{gap:5px}.top-actions>.quiet{font-size:.8rem;padding:8px}.filters{gap:12px}.filters>div{min-width:130px}.scope-tabs button{font-size:.8rem;padding:10px}.input-modes{display:flex}.input-modes button{flex:1;padding:11px 9px;font-size:.82rem}.manager-row{align-items:flex-start}.row-actions .quiet{padding:8px}.history-row{gap:10px}.history-row .secondary{padding:9px 12px;font-size:.8rem}.tag-fields{grid-template-columns:1fr 90px;gap:12px}.share-row select{width:155px}#revision-code{height:300px}.library-controls>.quiet{padding-left:0}.topbar .brand-icon{width:30px;height:30px}.topbar .brand-light{font-size:.95rem}.filters label{font-size:.8rem}.section-label{align-items:flex-start}}
@media(max-width:540px){.filters>div{min-width:calc(50% - 6px)}.filters>div:last-child{flex-basis:100%}}