@charset "UTF-8";
:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#24332e;background:#f3f6f4;font-synthesis:none;--accent:#167760;--accent-soft:#e3f0e9;--surface:#fff;--surface-soft:#f3f6f4;--text:#24332e;--muted:#78847e;--line:#e6ece8;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button,input,textarea,select{letter-spacing:0}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}svg{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .2s,color .2s,box-shadow .2s,transform .2s var(--ease)}button:active:not(:disabled){transform:scale(.96)}[hidden]{display:none!important}body.dark{--surface:#222a27;--surface-soft:#1b211e;--text:#edf1ed;--muted:#a0ada5;--line:#37423b;--accent-soft:#263e33;color-scheme:dark;color:var(--text);background:#1b211e}
.wallpaper{position:fixed;inset:0;z-index:-1;background:#4b7066;overflow:hidden}.wallpaper>div:first-child,.wallpaper video{position:absolute;width:106%;height:106%;left:-3%;top:-3%;background:url('./mountain.jpg') center 48%/cover;object-fit:cover;animation:landscape 42s ease-in-out infinite alternate;transform:translate3d(var(--px,0),var(--py,0),0);transition:background-image .8s}.wallpaper-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,34,27,var(--overlay,.28)),rgba(14,31,23,.1) 55%,rgba(14,31,23,.38))}.motion-off .wallpaper>div:first-child,.motion-off .wallpaper video,.page-hidden .wallpaper>div:first-child{animation-play-state:paused}.motion-off *{scroll-behavior:auto!important}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;color:#fff;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.brand-symbol{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff70;border-radius:10px}.brand-symbol svg{width:23px;height:23px}.top-actions,.toolbar-actions{display:flex;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:7px}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.topbar .icon-button:hover,.topbar .text-button:hover{background:#ffffff24;color:white}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:7px;font-size:13px}.hero{height:310px;display:flex;justify-content:center;align-items:flex-start;padding:14px 20px 22px;color:white}.hero-inner{width:100%;max-width:650px;text-align:center}.clock{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;color:white}.clock-date{font-size:12px;color:#ffffffc9;min-height:20px}.clock-time{display:flex;align-items:baseline;justify-content:center;gap:10px;line-height:1.15;font-variant-numeric:tabular-nums;font-weight:300;white-space:nowrap}.clock-time>span:first-child{font-size:70px}.clock-time>span:last-child{font-size:25px;color:#ffffffb8}.greeting{font-size:12px;margin:8px 0 23px;color:#ffffffe0}.search-box{display:flex;align-items:center;gap:13px;padding:8px 9px 8px 19px;min-height:54px;background:#ffffffef;color:#3f5046;border:1px solid #ffffff85;border-radius:9px;box-shadow:0 5px 30px #142b2215}.search-box:focus-within{box-shadow:0 0 0 4px #ffffff26,0 10px 35px #142b2230}.search-box input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:14px;color:#24332e}.search-box input::placeholder{color:#8a958e}.search-go{width:37px;height:37px;border-radius:6px;display:grid;place-items:center;background:var(--accent);color:white}.engines{display:flex;justify-content:center;gap:6px;margin-top:10px;flex-wrap:wrap}.engine{font-size:11px;padding:5px 10px;border-radius:5px;color:#ffffffe0}.engine.active{background:#ffffff27;color:white}.engine:hover{background:#ffffff18}.workspace{display:grid;grid-template-columns:200px minmax(0,1fr);max-width:1392px;margin:0 auto 0;width:92%;background:var(--surface);border-radius:12px 12px 0 0;min-height:430px;box-shadow:0 15px 70px #102e2020;overflow:clip}.sidebar{padding:28px 15px 18px;border-right:1px solid var(--line);background:var(--surface-soft);display:flex;flex-direction:column}.eyebrow{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:0}.sidebar>.eyebrow{padding:0 12px 13px}.nav-item{width:100%;display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:6px;text-align:left;font-size:13px;color:var(--muted);margin:2px 0;min-width:0}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item small{margin-left:auto;font-size:10px;color:var(--muted)}.nav-item.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.nav-item:hover{background:var(--line);color:var(--text)}.nav-item.child{padding-left:30px;font-size:12px}.sidebar-rule{height:1px;background:var(--line);margin:15px 10px}.sidebar-label{font-size:11px;display:flex;justify-content:space-between;color:var(--muted);padding:0 12px;margin-bottom:8px}.sidebar-bottom{margin-top:auto;padding:30px 12px 0;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.status-dot{width:5px;height:5px;background:#48a981;border-radius:50%;margin-left:auto}.library{padding:26px 30px 28px;min-width:0}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.library h1{font-size:21px;font-weight:650;line-height:1.5;margin-top:5px;word-break:break-word}.library h1 span{font-size:12px;color:var(--muted);font-weight:400;margin-left:5px}.toolbar-actions{color:var(--muted)}.accent-button{background:var(--accent);color:#fff}.accent-button:hover{background:var(--accent);color:#fff;filter:brightness(1.08)}.segmented{display:flex;padding:3px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.segmented .icon-button{width:29px;height:28px;border-radius:4px}.segmented .active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #102e2012}.tag-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tag{font-size:11px;padding:5px 10px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.tag.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.category-section+.category-section{margin-top:26px}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px}.section-heading svg{width:15px;height:15px;color:var(--muted)}.section-heading h2{font-size:13px;font-weight:550}.section-heading span{font-size:10px;color:var(--muted)}.section-heading:after{content:'';height:1px;background:var(--line);flex:1;margin-left:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;min-height:24px}.link-card{position:relative;display:flex;align-items:center;gap:11px;min-width:0;min-height:82px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:15px 32px 15px 13px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;animation:reveal .4s var(--ease) backwards}.link-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 6px 20px #183b2310}.link-card>a{display:flex;gap:11px;align-items:center;min-width:0;flex:1}.site-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:var(--surface-soft);color:var(--accent);font-weight:650;font-size:17px;overflow:hidden}.site-icon img{width:23px;height:23px;object-fit:contain}.card-copy{min-width:0}.card-copy h3{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}.card-copy p{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.7;max-width:100%}.card-favorite{position:absolute;right:6px;top:9px;width:24px;height:24px;color:var(--muted);opacity:0}.card-favorite svg{width:13px;height:13px}.link-card:hover .card-favorite,.card-favorite.selected,.card-favorite:focus-visible{opacity:1}.card-favorite.selected{color:#c89836}.card-favorite.selected svg{fill:#e8c77340}.card-edit{position:absolute;right:6px;bottom:9px;width:24px;height:24px;color:var(--muted)}.card-edit svg{width:13px;height:13px}.list-mode .card-grid{grid-template-columns:1fr}.list-mode .link-card{min-height:62px;padding-top:10px;padding-bottom:10px}.list-mode .card-copy{display:flex;align-items:center;gap:25px;flex:1}.list-mode .card-copy h3{min-width:160px}.sorting .card-grid{min-height:90px;outline:1px dashed var(--accent);outline-offset:3px}.sorting .link-card{cursor:grab;animation:none}.sorting .link-card>a{pointer-events:none}.sortable-ghost{opacity:.25!important}.sortable-chosen{box-shadow:0 10px 30px #15332230!important}.sortable-drag{animation:none!important}.empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:13px}.empty svg{width:32px;height:32px;margin-bottom:12px}.empty p{margin:10px 0}.announcement{font-size:11px;color:var(--muted);padding-top:24px;margin-top:22px;border-top:1px solid var(--line)}.widgets{width:92%;max-width:1392px;margin:0 auto;padding:24px;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.widget{min-width:0}.widget+.widget{border-left:1px solid var(--line);padding-left:25px}.widget-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:8px}.widget h2{display:flex;gap:7px;align-items:center;font-size:13px}.widget-heading span{font-size:10px;color:var(--muted)}.widget textarea{width:100%;height:130px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;padding:12px;resize:vertical;font-size:12px;color:var(--text)}.inline-form{display:flex;align-items:center;border-bottom:1px solid var(--line)}.inline-form input{width:100%;border:0;background:transparent;font-size:12px;color:var(--text);padding:9px 0;min-width:0}.todo{display:flex;gap:8px;align-items:center;font-size:12px;margin:7px 0}.todo span{flex:1;overflow-wrap:anywhere}.todo.done span{text-decoration:line-through;color:var(--muted)}.todo .icon-button{width:26px;height:26px}.timer-display{text-align:center;font-size:38px;font-variant-numeric:tabular-nums;padding:4px 0 14px}.timer-actions{display:flex;gap:10px;justify-content:center}.widget select{font-size:10px;max-width:140px;padding:5px}.home-footer{max-width:1392px;width:92%;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:14px 5px 20px;font-size:10px;color:#ffffffe0}.home-footer span{overflow-wrap:anywhere}.home-footer .text-button{font-size:10px;flex-shrink:0}.home-footer svg{width:13px;height:13px}
.focus-mode .topbar,.focus-mode .workspace,.focus-mode .widgets,.focus-mode .home-footer{display:none!important}.focus-mode .hero{height:100svh;align-items:center;padding:28px 20px}.focus-mode .hero-inner{max-width:720px}.focus-mode .clock-time>span:first-child{font-size:112px}.focus-mode .clock-time>span:last-child{font-size:35px}.focus-mode .greeting{margin:12px 0 35px}.focus-mode .clock-date{font-size:14px}.focus-mode .hero .engines{margin-top:16px}
.dialog{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0;width:540px;max-width:calc(100% - 28px);max-height:90svh;box-shadow:0 30px 90px #0003}.dialog[open]{animation:dialogIn .25s var(--ease)}.dialog::backdrop{background:#12271f80;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);margin:0}.dialog-heading h2{font-size:17px}.dialog-body{padding:24px}.form-grid{display:grid;gap:16px}.form-grid label,.setting-label{display:grid;gap:7px;font-size:12px;color:var(--muted)}input,textarea,select{color:var(--text)}.form-grid input,.form-grid textarea,.form-grid select,.admin-search,select{border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:var(--surface-soft);min-width:0;max-width:100%}.form-grid textarea{resize:vertical;min-height:75px}.form-grid .check-label{display:flex;align-items:center;gap:8px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:6px;font-size:12px;min-height:38px}.primary-button{background:var(--accent);color:white}.primary-button:hover{filter:brightness(1.12);box-shadow:0 3px 10px #17462b20}.secondary-button{border:1px solid var(--line);background:var(--surface)}.danger-button{background:#fce8e7;color:#b4423a}.form-error{font-size:12px;color:#c34c44;min-height:16px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;z-index:200;background:#233d32;color:white;padding:12px 18px;border-radius:8px;font-size:12px;max-width:calc(100% - 28px);box-shadow:0 8px 30px #0002;pointer-events:none;transition:opacity .2s,transform .2s;display:flex;gap:15px;align-items:center}.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast button{color:#b9efd3;white-space:nowrap;text-decoration:underline}.wallpaper-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallpaper-choice{border-radius:7px;overflow:hidden;height:100px;background-size:cover;background-position:center;position:relative;color:white;border:3px solid transparent}.wallpaper-choice.active{border-color:var(--accent)}.wallpaper-choice span{position:absolute;bottom:8px;left:10px;text-shadow:0 1px 5px #000}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:12px;font-size:12px}.setting-row input[type=range]{width:160px;accent-color:var(--accent)}.setting-row input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}.swatches{display:flex;gap:8px}.swatch{width:24px;height:24px;border-radius:50%;background:var(--swatch);border:3px solid var(--surface);outline:1px solid var(--line)}.swatch.active{outline:2px solid var(--text)}#splash{position:fixed;inset:0;z-index:100;background:#f3f6f4;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;color:#37624d;pointer-events:none;animation:splashExit .3s .55s forwards}#splash>svg{width:44px;height:44px;animation:reveal .5s both}#splash>span{font-size:12px}.splash-line{height:2px;width:60px;background:#acd2ba;transform-origin:left;animation:lineGrow .6s}.skeleton{height:90px;background:var(--surface-soft);border-radius:8px;margin-bottom:14px;animation:pulse 1s infinite alternate}.motion-off .link-card{animation:none}.compact .link-card{min-height:64px;padding-top:9px;padding-bottom:9px}.compact .card-grid{gap:7px}
@keyframes landscape{0%{scale:1;translate:0 0}100%{scale:1.06;translate:-.6% .4%}}@keyframes reveal{from{opacity:0;translate:0 8px}}@keyframes dialogIn{from{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes splashExit{to{opacity:0;visibility:hidden}}@keyframes lineGrow{from{transform:scaleX(0)}}@keyframes pulse{to{opacity:.5}}
@media(min-width:1600px){.hero{height:355px;padding-top:32px}.clock-time>span:first-child{font-size:80px}.workspace{min-height:500px}}
@media(max-width:1050px){.workspace{grid-template-columns:170px minmax(0,1fr)}.library{padding:24px 20px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.sidebar{padding-left:9px;padding-right:9px}}
@media(max-width:700px){.topbar{height:65px;padding:0 20px;gap:8px}.brand{gap:7px}.brand strong{font-size:15px;max-width:120px}.brand-symbol{width:28px;height:28px}.top-actions{gap:2px}.top-actions .text-button{display:none}.top-actions .icon-button{width:32px;height:32px}.hero{height:285px;padding-top:22px}.clock-time>span:first-child{font-size:60px}.clock-time>span:last-child{font-size:22px}.workspace{width:calc(100% - 24px);grid-template-columns:1fr;border-radius:9px 9px 0 0}.sidebar{padding:12px;border-right:0;border-bottom:1px solid var(--line);display:block}.sidebar>.eyebrow,.sidebar-rule,.sidebar-label,.sidebar-bottom{display:none}#spaceNav,#categoryNav{display:flex;overflow:auto;scrollbar-width:none;gap:5px}#categoryNav{margin-top:6px}.nav-item{width:auto;flex-shrink:0;padding:7px 10px;font-size:11px;gap:6px}.nav-item svg{width:14px;height:14px}.nav-item.child{padding-left:12px;font-size:11px}.nav-item small{display:none}.library{padding:20px 14px}.library h1{font-size:18px}.toolbar-actions{gap:3px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.link-card{padding:12px 25px 12px 10px;min-height:78px;gap:7px}.link-card>a{gap:7px}.site-icon{width:29px;height:29px;font-size:15px}.site-icon img{width:21px;height:21px}.card-copy h3{font-size:11px}.card-copy p{font-size:9px}.card-favorite{opacity:1;right:2px;top:6px}.card-edit{right:2px;bottom:4px}.list-mode .card-copy{display:block}.list-mode .card-copy h3{min-width:0}.widgets{width:calc(100% - 24px);grid-template-columns:1fr;padding:20px;gap:25px}.widget+.widget{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}.home-footer{width:calc(100% - 28px)}.focus-mode .clock-time>span:first-child{font-size:76px}.focus-mode .clock-time>span:last-child{font-size:26px}.dialog-heading,.dialog-body{padding:18px}.engines{gap:2px}.engine{padding:5px 8px}.setting-row input[type=range]{width:125px}}
.home{isolation:isolate;background:transparent!important}.sidebar{min-width:0}.site-icon{position:relative}.site-icon img{position:absolute;background:var(--surface-soft)}.brand-symbol img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.motion-off .link-card,.motion-off .dialog[open]{animation:none}
@media(max-width:700px){.workspace{grid-template-columns:minmax(0,1fr)}}
.sorting,.sorting *{-webkit-user-select:none;user-select:none}
.widgets{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.plugin-frame{display:block;width:100%;border:0;border-radius:4px;background:#fff;min-width:0;color-scheme:light}
.plugin-content{min-width:0}.widget-heading h2{min-width:0;overflow-wrap:anywhere}
.brand-symbol:has(img){border:0;overflow:hidden;background:#167760}
.splash-logo,.login-logo{display:block;object-fit:contain;border-radius:12px;flex-shrink:0}
.splash-logo{margin-bottom:4px}
@media(max-width:700px){.login-logo{width:40px;height:40px;border-radius:9px}}
.sorting input,.sorting textarea,.sorting [contenteditable="true"],.sorting [contenteditable="true"] *{-webkit-user-select:text;user-select:text}
.sorting .link-card,.sorting .link-card *{-webkit-touch-callout:none;-webkit-user-drag:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#splash{display:none}}