@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600&display=swap";:root{--bg:#faf9f6;--paper:#fff;--ink:#30362e;--muted:#85877d;--line:#e7e8e0;--green:#526747;--soft:#edf0e7;--cream:#f0eee6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Noto Sans Thai,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,label,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:4px;outline:2px solid #839e74}h1,h2,h3,p{margin:0}button{border:0}svg{flex-shrink:0}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#f4f3ee;flex-direction:column;flex-shrink:0;width:235px;padding:32px 20px 18px;display:flex;position:fixed;top:0;bottom:0}.wordmark{letter-spacing:2px;white-space:nowrap;font-size:19px;font-weight:700;display:block}.wordmark:first-letter{letter-spacing:-3px;font-size:35px;font-weight:500}.wordmark span{color:#b3b7a8;padding:0 6px;font-weight:400}.workspace-label{letter-spacing:1.7px;color:#93958c;margin:43px 12px 17px;font-size:9px}.nav-item{text-align:left;color:#73786b;background:0 0;border-radius:8px;align-items:center;gap:13px;width:100%;margin:5px 0;padding:13px 12px;display:flex}.nav-item.active{color:#475d3e;background:#e5eadd}.nav-item span{font-size:13px;font-weight:600}.nav-item small{color:#92978b;margin-top:3px;font-size:10px;font-weight:400;display:block}.nav-item em{background:#e9e9e2;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px;font-style:normal}.nav-item.active em{background:#d6e0cd}.sidebar-note{margin:auto 12px 30px;padding-top:30px}.small-spark{color:#aeb69c;font-size:24px}.sidebar-note p{letter-spacing:-.5px;margin:14px 0 12px;font-size:19px;line-height:1.45}.sidebar-note small{color:#999c92;font-size:10px}.profile{border-top:1px solid #dedfd6;align-items:center;gap:11px;padding:17px 5px 0;display:flex}.avatar{color:#57664c;background:#e1e4d8;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;display:grid}.profile strong{font-size:12px;display:block}.profile small{color:#999d91;margin-top:3px;font-size:10px;display:block}.profile a{color:#909783;margin-left:auto}.main{flex-direction:column;width:calc(100% - 235px);min-height:100vh;margin-left:235px;display:flex}.topbar{border-bottom:1px solid var(--line);color:#95988c;justify-content:space-between;align-items:center;gap:15px;height:74px;padding:0 45px;font-size:12px;display:flex}.topbar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.private-badge{color:#858c7b;white-space:nowrap;background:#f1f2ec;border:1px solid #e6e9df;border-radius:30px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:inline-flex}.main-body{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:43px 45px 25px}.eyebrow{letter-spacing:1.7px;color:#909885;align-items:center;gap:8px;font-size:9px;font-weight:600;display:flex}.heading,.entry-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px;display:flex}h1{letter-spacing:-1.5px;margin:12px 0;font-size:37px;font-weight:500;line-height:1.2}h2{letter-spacing:-.3px;font-size:17px;font-weight:500}h3{letter-spacing:-.35px;font-size:17px;font-weight:500}.heading p,.entry-heading p{color:#92958a;font-size:12px;line-height:1.8}.primary,.secondary{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:11px 16px;font-size:12px;display:inline-flex}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#405537}.secondary{border:1px solid var(--line);color:#68745e;background:#fff}.secondary:hover{background:#f4f5f0}.focus-card{background:#eef0e5;border:1px solid #e3e6d9;border-radius:12px;justify-content:space-between;min-height:276px;margin-bottom:37px;padding:30px 35px;display:flex;overflow:hidden}.focus-copy{z-index:1;flex:1;min-width:0}.dot{background:#8b9b72;border-radius:50%;width:5px;height:5px}.focus-card h2{letter-spacing:-1px;color:#49583d;margin:16px 0 13px;font-size:30px;line-height:1.14}.focus-card p{color:#8c937d;font-size:11px;line-height:1.85}.focus-link{color:#5c704c;background:0 0;align-items:center;gap:12px;margin-top:19px;padding:0;font-size:11px;font-weight:600;display:flex}.table-art{flex-direction:column;justify-content:center;align-items:center;width:39%;max-width:380px;margin:-18px -6px -10px 12px;display:flex}.table-art svg{width:100%;height:auto}.art-caption{letter-spacing:1.8px;color:#939c82;margin-top:4px;font-size:7px}.collection-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px;display:flex}.collection-heading h2{align-items:center;gap:9px;font-size:17px;display:flex}.collection-heading h2>span{color:#838d75;text-align:center;background:#eceee6;border-radius:4px;min-width:20px;padding:3px;font-size:9px}.tabs{gap:20px;margin-top:17px;display:flex}.tabs button{color:#96998e;background:0 0;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.tabs button:hover{color:#506445}.tabs span{color:#b5b8aa;font-size:9px}.search{color:#a4a89b;border-bottom:1px solid #e6e9df;align-items:center;gap:8px;max-width:245px;padding:8px 0;display:flex}.search input{color:#5b6951;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.search input::placeholder{color:#a7ac9c}.search button{color:inherit;background:0 0;padding:0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.entry-card{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:9px;flex-direction:column;min-height:250px;padding:21px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.entry-card:hover{border-color:#bac5aa;transform:translateY(-3px);box-shadow:0 6px 18px #2d382309}.card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px;display:flex}.card-icon{color:#74855e;background:#edf0e5;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.card-icon.experiment{color:#b59268;background:#f8ede2}.card-icon.learning{color:#7d91a6;background:#e9eef4}.status{color:#9b937e;white-space:nowrap;background:#f6f3e9;border:1px solid #ece6d7;border-radius:20px;align-items:center;gap:4px;padding:4px 7px;font-size:8px;display:inline-flex}.status.done{color:#56714a;background:#e9f1e4}.card-type{letter-spacing:1.2px;color:#adb0a4;margin-bottom:9px;font-size:8px}.entry-card h3{margin-bottom:9px;font-size:16px;line-height:1.5}.entry-card p{color:#96998d;margin-bottom:22px;font-size:10px;line-height:1.9}.card-bottom{color:#a3a796;border-top:1px solid #eff0e9;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;font-size:9px;display:flex}.card-bottom span{align-items:center;gap:5px;display:flex}.add-card{color:#a0aa92;text-align:center;background:0 0;border:1px dashed #d9ded0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:22px;display:flex}.add-card>span{border:1px dashed #d4ddc8;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:15px;display:grid}.add-card strong{color:#849375;font-size:12px;font-weight:500}.add-card p{color:#a5ad9c;margin-top:7px;font-size:10px}.add-card:hover{background:#f3f5ed;border-color:#a6b694}.bottom-note{align-items:center;gap:14px;margin:36px 0 10px;display:flex}.bottom-note>span{color:#b4bb9e;font-size:24px}.bottom-note p{color:#9a9e8f;font-size:11px}.bottom-note small{color:#b0b3a7;margin-top:6px;font-size:9px;display:block}.main-footer{border-top:1px solid var(--line);color:#a3a896;letter-spacing:1.2px;justify-content:space-between;gap:15px;padding:20px 45px;font-size:8px;display:flex}.main-footer span:last-child{letter-spacing:.1px}.text-button{color:#7a8c69;background:0 0;align-items:center;gap:5px;padding:5px 0;font-size:11px;display:inline-flex}.back{margin-bottom:20px}.entry-heading{align-items:flex-start;margin-bottom:15px}.entry-heading h1{overflow-wrap:anywhere;font-size:33px}.entry-actions{gap:9px;padding-top:20px;display:flex}.entry-meta{color:#929b85;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:29px;font-size:10px;display:flex}.entry-meta>span{align-items:center;gap:5px;display:flex}.note-page{border:1px solid var(--line);background:#fff;border-radius:10px;padding:4px 30px}.note-section{border-bottom:1px solid #eeeee7;padding:27px 0}.note-section:last-child{border:0}.note-section h2{color:#58634d;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.note-section h2 small,h2>small{color:#a2a693;margin-left:5px;font-size:10px;font-weight:400}.note-section .icon-button{margin-left:auto}.note-section p{white-space:pre-wrap;overflow-wrap:anywhere;color:#7e8376;font-size:13px;line-height:1.9}.note-section p.placeholder{color:#b2b5a9;font-size:11px}.prompt-section p{background:#f5f5ef;border-radius:6px;padding:17px;font-family:DM Sans,Noto Sans Thai,sans-serif;font-size:12px}.resources{grid-template-columns:1fr 1.3fr;gap:30px;margin:30px 0;display:grid}.resources h2{margin-bottom:17px;font-size:14px}.resource-link{border-bottom:1px solid var(--line);color:#718061;overflow-wrap:anywhere;align-items:center;gap:8px;padding:13px 0;font-size:12px;display:flex}.resource-link svg:last-child{margin-left:auto}.muted{color:#969c8c;line-height:1.7}.small{font-size:10px}.attachment-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.attachment-header h2{margin:0}.upload{cursor:pointer;min-height:32px;padding:7px 10px;font-size:10px}.upload input{display:none}.file-empty{text-align:center;color:#a4ad94;border:1px dashed #dadecf;border-radius:7px;margin-top:12px;padding:25px 10px;font-size:11px}.file-empty small{color:#b2b7a6;margin-top:6px;font-size:10px;display:block}.file-grid{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.file-card{border:1px solid var(--line);color:#8b997b;background:#fff;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:150px;min-height:60px;padding:9px;display:flex}.file-card img{object-fit:contain;background:#f4f5ef;width:100%;height:95px}.file-card span{word-break:break-word;color:#888f7d;font-size:10px}.error{color:#a46449;background:#fbefeb;border:1px solid #efd7cb;border-radius:6px;align-items:center;gap:15px;margin:0 0 18px;padding:12px 15px;font-size:12px;display:flex}.error button{margin-left:auto}.loading,.empty{color:#8d9a7e;justify-content:center;align-items:center;gap:12px;padding:70px 0;display:flex}.empty{flex-direction:column}.empty p{font-size:12px}.toast{color:#fff;z-index:100;background:#43573a;border-radius:7px;align-items:center;gap:10px;padding:14px 22px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #243b2720}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#26322455;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fafaf6;border-radius:12px;flex-direction:column;width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 80px #22351a25}.modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:23px 28px;display:flex}.modal header h2{margin-top:7px;font-size:24px}.icon-button{color:#8a937d;background:0 0;place-items:center;padding:5px;display:grid}.modal form{flex-direction:column;min-height:0;display:flex}.editor-body,.share-body{padding:25px 28px;overflow-y:auto}.editor label,.share-body>label{color:#7a856c;margin-bottom:20px;font-size:11px;font-weight:500;display:block}.editor input,.editor textarea,.editor select,.share-body textarea{color:#59664d;background:#fff;border:1px solid #dfe4d6;border-radius:5px;width:100%;margin-top:8px;padding:11px 12px;font-size:12px;line-height:1.7;display:block}.editor textarea,.share-body textarea{resize:vertical;min-height:70px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.link-row{gap:9px;margin-bottom:8px;display:flex}.link-row input:first-child{width:30%}.link-row input{margin:0}.link-editor h3{margin-bottom:12px;font-size:13px}.modal footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 28px;display:flex}.modal footer>span{color:#a2a996;align-items:center;gap:5px;font-size:10px;display:flex}.share-modal{width:540px}.share-body>p{margin-bottom:23px;font-size:12px}.share-choice{cursor:pointer;background:#fff;border:1px solid #e1e5d9;border-radius:6px;align-items:center;gap:12px;padding:15px;display:flex;margin:10px 0!important}.share-choice.chosen{background:#f0f3e9;border-color:#b5c5a4}.share-choice input{accent-color:#5a714a}.share-choice strong{font-size:12px;font-weight:500;display:block}.share-choice small,.share-body label>small{color:#9da58e;margin-top:4px;font-size:10px;line-height:1.6;display:block}.share-body>label:not(.share-choice){margin-top:20px}.copy-link{gap:8px;margin-top:20px;margin-bottom:15px;display:flex}.copy-link input{color:#8b947e;background:#fff;border:1px solid #e0e4d6;border-radius:5px;flex:1;min-width:0;padding:8px;font-size:10px}.copy-link .secondary{font-size:10px}.share-modal footer{justify-content:flex-end}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome{flex-direction:column;min-height:100vh;padding:45px 7%;display:flex}.welcome-card{width:100%;max-width:640px;margin:auto;padding:65px 0}.welcome-card h1{letter-spacing:-2.5px;margin:25px 0;font-size:57px;line-height:1.1}.welcome-card p{color:#959c88;margin-bottom:28px;font-size:13px;line-height:1.9}.welcome-footer{color:#a5ad99;margin-top:45px;font-size:11px}.welcome>footer{letter-spacing:1.5px;color:#a4ac97;font-size:9px}.shared-page{max-width:900px;margin:auto;padding:36px}.shared-page>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:65px;display:flex}.shared-page h1{margin:17px 0;font-size:38px}.shared-summary{color:#969d89;margin-bottom:20px;line-height:1.8}.shared-page article>h2{margin-top:30px}.shared-page footer{color:#a6ae98;letter-spacing:1px;border-top:1px solid var(--line);margin-top:45px;padding-top:24px;font-size:9px}@media (min-width:1500px){.main-body{padding-top:55px}.focus-card{min-height:310px}.focus-card h2{font-size:36px}.cards{gap:23px}.entry-card,.add-card{min-height:290px}.entry-card h3{font-size:19px}.entry-card p{font-size:12px}.focus-card p{font-size:13px}}@media (max-width:1100px){.sidebar{width:205px}.main{width:calc(100% - 205px);margin-left:205px}.main-body{padding:32px 28px}.topbar,.main-footer{padding-left:28px;padding-right:28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.heading h1{font-size:32px}.focus-card{padding:27px}.focus-card h2{font-size:29px}.resources{grid-template-columns:1fr}.entry-heading{flex-direction:column;gap:0}.entry-actions{padding-top:8px}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:16px 20px;display:block;position:relative}.sidebar .wordmark{font-size:14px}.sidebar .wordmark:first-letter{font-size:25px}.workspace-label,.sidebar-note,.profile{display:none}.sidebar nav{gap:4px;margin-top:15px;display:flex}.nav-item{justify-content:center;gap:6px;width:25%;margin:0;padding:9px 4px}.nav-item span{font-size:10px}.nav-item small,.nav-item em{display:none}.nav-item svg{width:15px}.main{width:100%;margin:0}.topbar{height:52px;padding:0 20px;font-size:10px}.private-badge{font-size:8px}.main-body{padding:26px 20px}.heading{align-items:flex-start;gap:12px}.heading h1{margin-top:10px;font-size:29px}.heading p{font-size:10px}.heading .primary{margin-top:24px;padding:9px 10px;font-size:10px}.heading .primary svg{width:14px}.eyebrow{letter-spacing:1.2px;font-size:8px}.focus-card{min-height:270px;padding:22px;position:relative}.focus-card h2{font-size:27px}.focus-card p{max-width:220px;font-size:10px}.table-art{opacity:.45;width:170px;position:absolute;top:40px;right:-27px}.focus-copy{position:relative}.art-caption{display:none}.focus-link{font-size:10px}.collection-heading{flex-direction:column;align-items:flex-start;gap:10px}.collection-heading>div{width:100%}.tabs{gap:27px}.search{width:100%;max-width:none;margin-top:5px}.cards{gap:12px}.entry-card{min-height:240px;padding:16px}.entry-card h3{font-size:14px}.card-top{gap:5px}.card-icon{width:32px;height:32px}.card-icon svg{width:17px}.status{padding:4px 6px;font-size:7px}.entry-card p{font-size:9px}.card-bottom{font-size:8px}.add-card{min-height:220px}.main-footer{padding:17px 20px;font-size:7px}.bottom-note p{font-size:10px}.entry-heading h1{font-size:29px}.note-page{padding:0 18px}.note-section h2{font-size:12px}.note-section h2 small{font-size:9px}.note-section p{font-size:12px}.resources h2>small{margin:4px 0 0;display:block}.modal-backdrop{padding:10px}.modal{max-height:95dvh}.modal header{padding:18px}.modal header h2{font-size:21px}.editor-body,.share-body{padding:20px 18px}.modal footer{padding:15px 18px}.modal footer>span{font-size:8px}.link-row{gap:5px}.link-row input{font-size:10px}.welcome{padding:25px}.welcome-card h1{font-size:44px}.welcome-card p{font-size:12px}.shared-page{padding:24px}.shared-page>header{flex-wrap:wrap;margin-bottom:45px}.shared-page h1{font-size:30px}}@media (max-width:390px){.cards{grid-template-columns:1fr}.table-art{display:none}.heading{flex-direction:column;gap:8px}.heading .primary{margin:0}.modal footer>span{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.welcome-header,.topbar-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-trigger{min-height:36px;padding:8px 12px;font-size:11px}.settings-modal{width:580px}.settings-body{padding:25px 28px;overflow:auto}.theme-choices{border:0;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 10px;padding:0;display:grid}.theme-choice{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:18px;display:flex}.theme-choice.chosen{border-color:var(--green);background:var(--soft)}.theme-choice input{accent-color:var(--green)}.privacy-heading{margin-top:30px;margin-bottom:8px}.settings-pages{gap:8px;margin-top:16px;display:grid}.settings-page{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.settings-page:hover{background:var(--soft)}.settings-page>span{align-items:center;gap:10px;min-width:0;display:flex}.settings-page strong{overflow-wrap:anywhere;font-size:12px}.settings-page small{color:var(--muted);flex-shrink:0;font-size:10px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171c19;--paper:#212923;--ink:#e4e9df;--muted:#a8b4a2;--line:#3c493d;--green:#536f49;--soft:#2d392c;--cream:#2d3027}[data-theme=dark] .sidebar{background:#1d241f}[data-theme=dark] .nav-item{color:#b5c1ae}[data-theme=dark] .nav-item.active{color:#e0ebd8;background:#30412b}[data-theme=dark] .nav-item em,[data-theme=dark] .avatar,[data-theme=dark] .collection-heading h2>span{color:#c2d4b5;background:#354330}[data-theme=dark] .nav-item.active em{background:#45593a}[data-theme=dark] .profile{border-color:var(--line)}[data-theme=dark] .private-badge,[data-theme=dark] .status{border-color:var(--line);color:#c6d1bd;background:#2c352b}[data-theme=dark] .secondary,[data-theme=dark] .note-page,[data-theme=dark] .file-card,[data-theme=dark] .editor input,[data-theme=dark] .editor textarea,[data-theme=dark] .editor select,[data-theme=dark] .share-body textarea,[data-theme=dark] .share-choice,[data-theme=dark] .copy-link input{background:var(--paper);border-color:var(--line);color:var(--ink)}[data-theme=dark] .secondary:hover,[data-theme=dark] .add-card:hover,[data-theme=dark] .share-choice.chosen{background:var(--soft)}[data-theme=dark] .modal{background:var(--bg)}[data-theme=dark] .focus-card{border-color:var(--line);background:#2c3827}[data-theme=dark] .focus-card h2{color:#d0dfc4}[data-theme=dark] .focus-card p,[data-theme=dark] .focus-link{color:#b4c6a6}[data-theme=dark] .prompt-section p,[data-theme=dark] .file-card img{background:#2d362b}[data-theme=dark] .note-section,[data-theme=dark] .card-bottom{border-color:var(--line)}[data-theme=dark] .card-icon{color:#b3cca1;background:#34462d}[data-theme=dark] .card-icon.experiment{color:#d4b286;background:#493b2d}[data-theme=dark] .card-icon.learning{color:#a3bdd4;background:#2c3b49}[data-theme=dark] .muted,[data-theme=dark] .heading p,[data-theme=dark] .entry-heading p,[data-theme=dark] .entry-card p,[data-theme=dark] .note-section p,[data-theme=dark] .welcome-card p,[data-theme=dark] .shared-summary{color:var(--muted)}[data-theme=dark] .note-section h2,[data-theme=dark] .resource-link,[data-theme=dark] .editor label,[data-theme=dark] .share-body>label,[data-theme=dark] .search input,[data-theme=dark] .text-button{color:#bccdb0}[data-theme=dark] .error{color:#efb59c;background:#3e2b24;border-color:#684537}[data-theme=dark] .add-card,[data-theme=dark] .add-card>span,[data-theme=dark] .file-empty{border-color:var(--line)}@media (max-width:760px){.topbar-actions>.private-badge{display:none}.settings-body{padding:20px 18px}.settings-page{flex-wrap:wrap;gap:8px}.settings-trigger{padding:7px 9px;font-size:10px}.welcome-header{gap:10px}.shared-page .topbar-actions{flex-wrap:wrap}}.media-card{align-items:stretch;width:280px;max-width:100%}.file-card video{background:#111;border-radius:4px;width:100%;max-height:220px}.file-card audio{width:100%;height:40px}.attachment-download{overflow-wrap:anywhere;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.media-card .attachment-download{justify-content:space-between}.media-card>small{font-size:9px;line-height:1.5}.file-card>a{max-width:100%}.main-visibility{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.main-visibility>h3{margin-bottom:8px}.main-visibility>.primary{margin:15px 0 8px}.main-visibility>.error{margin-top:14px}.share-privacy-note{margin-top:18px}.topbar-actions{flex-shrink:0}@media (max-width:760px){.welcome-header{flex-wrap:wrap;gap:16px}.welcome-header>.topbar-actions{margin-left:auto}}.public-home{max-width:1200px;min-height:100vh;margin:auto;padding:36px}.public-intro{padding:64px 0 38px}.public-intro h1{font-size:44px}.public-intro p{font-size:13px;line-height:1.9}.public-home .main-footer{margin-top:50px;padding:22px 0}.public-empty{padding:40px 0}.public-home .topbar-actions,.shared-page .topbar-actions{flex-wrap:wrap}@media (max-width:760px){.public-home{padding:24px}.public-intro{padding-top:42px}.public-intro h1{font-size:34px}.public-home .welcome-header{align-items:flex-start}.public-home .topbar-actions{margin-left:0}.shared-page>header{align-items:flex-start}}.appearance-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-choices .theme-choice{gap:7px;padding:14px 10px}.custom-colors{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;padding:16px;display:grid}.custom-colors label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.custom-colors input[type=color]{border:1px solid var(--line);cursor:pointer;background:var(--paper);border-radius:5px;width:44px;height:34px;padding:2px}.custom-colors label>span{color:var(--muted);width:100%;font-size:10px}.custom-colors>p,.custom-colors>button{grid-column:1/-1}[data-theme=custom] .sidebar,[data-theme=custom] .modal{background:var(--cream)}[data-theme=custom] .primary,[data-theme=custom] .toast{background:var(--green);color:var(--accent-text);border-color:var(--green)}[data-theme=custom] .primary:hover{background:var(--green);filter:brightness(.93)}[data-theme=custom] .secondary,[data-theme=custom] .note-page,[data-theme=custom] .file-card,[data-theme=custom] .editor input,[data-theme=custom] .editor textarea,[data-theme=custom] .editor select,[data-theme=custom] .share-body textarea,[data-theme=custom] .share-choice,[data-theme=custom] .copy-link input{background:var(--paper);color:var(--ink);border-color:var(--line)}[data-theme=custom] .nav-item.active,[data-theme=custom] .focus-card,[data-theme=custom] .card-icon,[data-theme=custom] .private-badge,[data-theme=custom] .status,[data-theme=custom] .share-choice.chosen,[data-theme=custom] .theme-choice.chosen,[data-theme=custom] .avatar,[data-theme=custom] .nav-item em,[data-theme=custom] .prompt-section p,[data-theme=custom] .file-card img,[data-theme=custom] .collection-heading h2>span{background:var(--soft);color:var(--ink);border-color:var(--line)}[data-theme=custom] .focus-card h2,[data-theme=custom] .note-section h2,[data-theme=custom] .resource-link,[data-theme=custom] .focus-link,[data-theme=custom] .nav-item,[data-theme=custom] .editor label,[data-theme=custom] .share-body>label,[data-theme=custom] .search input,[data-theme=custom] .text-button,[data-theme=custom] .add-card strong{color:var(--ink)}[data-theme=custom] .muted,[data-theme=custom] .topbar,[data-theme=custom] .eyebrow,[data-theme=custom] .heading p,[data-theme=custom] .entry-heading p,[data-theme=custom] .entry-card p,[data-theme=custom] .note-section p,[data-theme=custom] .welcome-card p,[data-theme=custom] .shared-summary,[data-theme=custom] .card-bottom,[data-theme=custom] .main-footer,[data-theme=custom] .share-choice small,[data-theme=custom] .share-body label>small,[data-theme=custom] .note-section h2 small,[data-theme=custom] h2>small,[data-theme=custom] .tabs button,[data-theme=custom] .tabs span,[data-theme=custom] .nav-item small,[data-theme=custom] .entry-meta,[data-theme=custom] .profile small,[data-theme=custom] .file-card span{color:var(--muted)}[data-theme=custom] .profile,[data-theme=custom] .note-section,[data-theme=custom] .card-bottom,[data-theme=custom] .add-card,[data-theme=custom] .file-empty,[data-theme=custom] .search{border-color:var(--line)}[data-theme=custom] .secondary:hover,[data-theme=custom] .add-card:hover{background:var(--soft)}@media (max-width:390px){.appearance-choices .theme-choice{flex-wrap:wrap;gap:6px}.custom-colors{gap:12px;padding:12px}}.custom-colors .color-hex{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:5px;padding:7px 9px;font-size:11px}.landing-page .welcome-footer{color:var(--muted)}.landing-page .welcome-card{max-width:640px}