:root{color-scheme:dark;--bg:#141715;--surface:#1b201c;--surface-raised:#212722;--line:#303831;--text:#eef0ed;--muted:#969f97;--accent:#b7e58c;--accent-ink:#182411;--danger:#f29c9c;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.25}input,select{min-width:0}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#52723b;color:#fff}[hidden]{display:none!important}h1,h2,p{margin:0}button svg,a svg{flex-shrink:0}.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:10;padding:10px 18px;background:var(--accent);color:var(--accent-ink);border-radius:8px}.skip-link:focus{top:16px}

/* The home page keeps only the clock, search and bookmarks from the reference. */
.home-page{min-height:100vh;min-height:100svh}.home-settings{position:absolute;right:32px;top:28px;color:#a4ada7}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--muted);transition:color .16s,background .16s}.icon-button:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.home-settings .ui-icon{width:26px;height:26px}.start-page{width:min(100% - 48px,680px);margin:0 auto;padding:clamp(100px,18.5vh,190px) 0 72px}.clock-block{text-align:center}.clock{display:block;font-family:"Segoe UI Light","Helvetica Neue",var(--font);font-size:104px;font-weight:200;line-height:1.12;letter-spacing:2px;font-variant-numeric:tabular-nums}.date{margin-top:12px;color:var(--muted);font-size:15px;letter-spacing:.7px}.search-bar{display:flex;align-items:center;gap:18px;width:100%;height:62px;padding:0 17px 0 23px;margin:40px auto 0;background:#1d221f;border:1px solid #3d4840;border-radius:20px;transition:border-color .18s,background .18s}.search-bar:focus-within{border-color:#819a70;background:#202721}.search-bar>.ui-icon{width:23px;height:23px;color:#d5dcd6}.search-bar input{background:transparent;border:0;outline:none!important;width:100%;height:100%;color:var(--text);font-size:16px;letter-spacing:.2px}.search-bar input::placeholder{color:#a2aaa5}.search-bar input::-webkit-search-cancel-button{-webkit-appearance:none}.search-submit{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:11px;background:transparent;color:var(--accent)}.search-submit .ui-icon{width:25px;height:25px}.search-submit:hover{background:#2d3829}.shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:37px;max-width:588px;margin:57px auto 0}.shortcut{display:flex;min-width:0;align-items:center;flex-direction:column;gap:12px;padding:4px 5px 8px;border-radius:14px}.shortcut .site-icon{transition:transform .18s,filter .18s}.shortcut:hover .site-icon{transform:translateY(-4px);filter:brightness(1.08)}.shortcut-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#e6e9e6}.site-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:64px;border-radius:15px;overflow:hidden;background:#333e32;color:var(--accent)}.icon-letter{font-size:27px;font-weight:500;line-height:1}.site-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;background:inherit}.site-icon img.image-failed{display:none}.icon-chatgpt{background:#0da891;color:#fff}.icon-github,.icon-notion,.icon-youtube,.icon-feishu{background:#f6f7f5;color:#151715}.icon-figma{background:#242725;color:#eee}.icon-bilibili{background:#ef6792;color:#fff}.icon-sspai{background:#e92830;color:#fff;border-radius:50%}.icon-custom{background:#242b25}.icon-custom img{padding:9px}.icon-feishu img{padding:9px}.home-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:24px 0}.home-empty a{color:var(--accent)}

/* Shared controls */
.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;border:1px solid transparent;border-radius:9px;padding:10px 17px;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;transition:background .15s,border-color .15s}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{background:#c8efa5}.secondary{background:#232a24;color:#d4dbd5;border-color:#384139}.secondary:hover{background:#2b342c}.ghost{color:#b6c0b8;background:transparent}.ghost:hover{background:var(--surface-raised)}.danger{color:#ffd1d1;background:#6c3031;border-color:#90494b}.danger:hover{background:#80383a}.full-width{width:100%}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;color:#8b9b89}.notice{padding:13px 17px;border:1px solid;border-radius:9px;margin-bottom:22px;font-size:13px;overflow-wrap:anywhere}.notice.success{background:#202e21;border-color:#3a5335;color:#c4e8b0}.notice.error{background:#332322;border-color:#60423d;color:#efbbb4}.form-stack{display:flex;flex-direction:column;gap:22px}.form-stack label:not(.checkbox-field){display:flex;flex-direction:column;gap:9px;font-size:13px;color:#cbd3cc;font-weight:500}.form-stack input:not([type=checkbox]):not([type=hidden]),.form-stack select{height:45px;padding:0 13px;border:1px solid #3a443c;border-radius:8px;background:#161b17;color:var(--text);width:100%;font-size:14px;transition:border-color .15s}.form-stack input::placeholder{color:#727f75;font-size:13px}.form-stack input:focus,.form-stack select:focus{border-color:#94b17f;outline:none}.form-stack input:disabled{color:#78877b;background:#1d241f}.form-stack select{cursor:pointer}.field-help{font-size:12px;color:#8c998e;line-height:1.8;margin-top:-13px}.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.required{color:var(--accent);display:contents}.optional{color:#768579;font-size:11px;display:contents}.checkbox-field{display:flex;align-items:flex-start;gap:11px;cursor:pointer;padding:15px 0;color:#dce3dc;font-size:13px}.checkbox-field input{appearance:none;width:17px;height:17px;flex:0 0 17px;margin:3px 0 0;border:1px solid #53604f;border-radius:4px;cursor:pointer;background:#181f19}.checkbox-field input:checked{background:var(--accent);border-color:var(--accent);position:relative}.checkbox-field input:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #26391c;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-field small{display:block;font-size:12px;color:var(--muted);margin-top:5px;font-weight:400}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:23px;border-top:1px solid var(--line);margin-top:0}.form-actions form{margin:0}.align-right{text-align:right}

/* Login and first installation */
.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100svh;padding:90px 24px 50px}.back-home{position:absolute;top:32px;left:36px;display:flex;align-items:center;gap:10px;color:#a4b0a6;font-size:13px}.back-home:hover{color:var(--accent)}.auth-card{width:100%;max-width:392px}.app-mark{width:48px;height:48px;border-radius:13px;background:#283424;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}.app-mark .ui-icon{width:24px;height:24px}.auth-card h1{font-size:28px;font-weight:500;letter-spacing:-.7px;margin-top:9px}.auth-description{font-size:13px;margin:12px 0 32px}.auth-card .eyebrow{font-size:9px}.auth-footnote{text-align:center;color:#748177;font-size:11px;margin-top:26px;letter-spacing:.8px}.auth-card .form-stack{gap:20px}.auth-card .full-width{margin-top:8px;min-height:46px}.setup-help{line-height:1.9}.setup-help code{font-size:11px;color:#b9c9b4;overflow-wrap:anywhere}

/* Administration */
.admin-header{height:79px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 37px;background:#171c18}.admin-brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:600;letter-spacing:.3px}.admin-brand>span{display:flex;align-items:center;gap:17px}.brand-tag{font-size:10px;font-weight:400;padding:2px 9px;border-left:1px solid #465044;color:#8c9a8e}.header-actions{display:flex;gap:12px;align-items:center}.header-actions .button{font-size:12px}.header-actions form{display:flex}.admin-layout{display:flex;max-width:1600px;margin:auto;min-height:calc(100vh - 79px)}.admin-sidebar{width:222px;flex:0 0 222px;padding:40px 20px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.sidebar-caption{font-size:10px;letter-spacing:1.3px;color:#79877c;padding:0 16px;margin-bottom:3px}.admin-sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar-link{display:flex;gap:13px;align-items:center;padding:12px 15px;border-radius:8px;color:#a8b3aa;font-size:13px}.sidebar-link:hover{background:#212922;color:#e7eee5}.sidebar-link.active{background:#293625;color:var(--accent)}.sidebar-link .ui-icon{width:18px;height:18px}.sidebar-bottom{display:flex;align-items:center;gap:11px;padding:22px 10px 0;margin-top:auto;color:#c4cec5;font-size:12px}.avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #495744;border-radius:50%;background:#2a3527;color:#c0d8ad;font-size:13px}.sidebar-bottom small{display:block;font-size:10px;color:#738275;line-height:1.8}.online-dot{width:5px;height:5px;border-radius:50%;background:#a4d281;margin-left:auto}.admin-main{width:calc(100% - 222px);padding:47px 48px 0;max-width:1260px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading h1{font-size:29px;letter-spacing:-.6px;font-weight:500;margin:8px 0}.page-heading .muted{font-size:12px;color:#89988d;letter-spacing:.2px}.page-heading>.button{margin-top:20px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.panel{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 25px;font-size:13px}.count-badge{background:#2d382d;color:#bad0ad;border:1px solid #3a4837;display:inline-block;line-height:1.5;padding:0 6px;font-size:10px;border-radius:5px;margin-left:8px;vertical-align:middle}.table-search{display:flex;align-items:center;gap:9px;background:#151b17;border:1px solid #343f36;border-radius:7px;padding:6px 11px;color:#839286}.table-search .ui-icon{width:16px;height:16px}.table-search input{max-width:160px;width:100%;border:0;background:transparent;outline:0;color:#dde5dd;font-size:12px}.table-search input::placeholder{color:#78877b}.table-scroll{overflow-x:auto}.links-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.links-table thead{background:#202721;color:#829186}.links-table th{font-weight:400;font-size:11px;padding:11px 22px;border-block:1px solid #2c362e}.links-table th:first-child{padding-left:26px;width:51%}.links-table td{padding:18px 22px;border-bottom:1px solid #2b352d;font-size:12px}.links-table td:first-child{padding-left:25px}.links-table tbody tr:last-child td{border-bottom:0}.links-table tbody tr:hover{background:#202822}.table-site{display:flex;align-items:center;gap:13px;min-width:200px}.table-site .site-icon{width:36px;height:36px;border-radius:9px}.table-site .icon-sspai{border-radius:50%}.table-site .site-icon img{padding:7px}.table-site .icon-letter{font-size:17px}.site-title{display:block;font-size:13px;color:#e3e9e3;max-width:270px;overflow:hidden;text-overflow:ellipsis}.site-title:hover{color:var(--accent)}.site-url{display:block;font-size:10px;color:#7d8d80;max-width:270px;overflow:hidden;text-overflow:ellipsis;line-height:1.9;margin-top:1px}.status-badge{font-size:10px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:5px;background:#2b302d;color:#9ca89e}.status-badge>span{width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.visible{background:#2c3928;color:#b8d5a4}.sort-controls{display:flex;align-items:center;gap:1px}.icon-button.small{width:29px;height:29px;border-radius:6px}.icon-button.small .ui-icon{width:16px;height:16px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.delete-action:hover{color:#eea5a0!important}.panel-footer{display:flex;justify-content:space-between;gap:12px;padding:17px 25px;border-top:1px solid var(--line);color:#7c8c80;font-size:10px}.table-empty{padding:60px 24px;text-align:center;color:#8c9d8e}.table-empty .ui-icon{color:#b6d29f;width:30px;height:30px;margin-bottom:18px}.table-empty p{font-size:13px}.admin-footer{display:flex;justify-content:space-between;gap:15px;padding:25px 1px 26px;color:#657467;font-size:10px;letter-spacing:.3px}.delete-confirm{padding:24px;border:1px solid #5c403b;border-radius:11px;background:#2a201e;margin-bottom:24px}.delete-confirm h2{font-size:17px;font-weight:500;margin-bottom:8px}.delete-confirm p{font-size:12px}.delete-confirm .form-actions{margin-top:20px;border-color:#48352f}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:30px;align-items:start}.form-panel{padding:30px}.preview-column{text-align:center;padding:19px 10px}.preview-label{font-size:10px;letter-spacing:1.5px;color:#7f9081}.shortcut-preview{display:flex;align-items:center;flex-direction:column;gap:14px;padding:44px 10px 35px}.shortcut-preview>span:last-child{font-size:13px;max-width:100%;overflow-wrap:anywhere;color:#d8e1d7}.preview-note{font-size:11px;line-height:2;color:#758679}.narrow-panel{max-width:660px}

@media(min-width:1600px){.start-page{padding-top:20vh}.admin-main{padding-inline:62px}}
@media(max-width:1100px){.admin-sidebar{width:190px;flex-basis:190px;padding-inline:12px}.admin-main{width:calc(100% - 190px);padding:38px 30px 0}.editor-layout{grid-template-columns:minmax(0,1fr) 155px;gap:18px}.form-panel{padding:24px}.links-table th,.links-table td{padding-inline:16px}.site-url{max-width:200px}.page-heading h1{font-size:26px}}
@media(max-width:760px){.admin-header{padding:0 20px;height:68px}.brand-tag{display:none}.header-actions{gap:2px}.header-actions .button{font-size:11px;padding-inline:10px}.admin-layout{display:block;min-height:calc(100vh - 68px)}.admin-sidebar{width:100%;padding:12px 16px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar-caption,.sidebar-bottom{display:none}.admin-sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.sidebar-link{justify-content:center;padding:10px 5px;gap:7px;font-size:11px}.sidebar-link .ui-icon{width:15px;height:15px}.admin-main{width:100%;padding:30px 20px 0}.page-heading{margin-bottom:25px;gap:14px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading h1{font-size:24px}.page-heading .muted{font-size:11px}.page-heading>.button{padding:9px 11px;font-size:12px;gap:5px}.page-heading>.button .ui-icon{width:16px;height:16px}.panel-toolbar{padding:17px}.table-search{max-width:150px}.links-table{min-width:610px}.links-table th:first-child{width:43%}.panel-footer{padding:14px 17px;font-size:9px;gap:8px}.editor-layout{grid-template-columns:minmax(0,1fr);gap:20px}.preview-column{display:none}.form-panel{padding:24px 21px}.form-two-col{gap:16px}.admin-footer{font-size:9px}.form-stack{gap:21px}}
@media(max-width:520px){.home-settings{top:19px;right:20px}.home-settings .ui-icon{width:23px;height:23px}.start-page{width:calc(100% - 42px);max-width:380px;padding-top:clamp(115px,20svh,165px);padding-bottom:50px}.clock{font-size:80px;letter-spacing:1px}.date{font-size:12px;letter-spacing:.5px;margin-top:9px}.search-bar{height:54px;margin-top:32px;padding:0 10px 0 17px;gap:11px;border-radius:16px}.search-bar>.ui-icon{width:19px;height:19px}.search-bar input{font-size:13px}.search-submit{width:32px;height:34px}.search-submit .ui-icon{width:22px;height:22px}.shortcuts{column-gap:6px;row-gap:31px;margin-top:41px}.site-icon{width:52px;height:52px;border-radius:13px}.site-icon img{padding:10px}.shortcut{gap:10px;padding-inline:0}.shortcut-name{font-size:11px}.icon-sspai{border-radius:50%}.icon-letter{font-size:23px}.auth-page{padding-inline:26px}.back-home{top:25px;left:25px}.auth-card h1{font-size:26px}.admin-brand{font-size:15px;gap:8px}.admin-brand img{width:30px;height:30px}.sidebar-link{font-size:10px;gap:5px}.admin-main{padding-inline:16px}.page-heading .muted{max-width:205px;line-height:1.8}.page-heading>.button{align-self:flex-end;margin-bottom:3px}.form-panel{padding:22px 18px}.form-stack label:not(.checkbox-field){font-size:12px}.form-actions{gap:9px}.form-actions .button{flex:1}.panel-footer>span:last-child{display:none}}
@media(max-width:760px){.links-table{min-width:0}.links-table th,.links-table td{padding-inline:10px}.links-table th:first-child,.links-table td:first-child{padding-left:17px}.table-site{min-width:0;gap:10px}.site-title,.site-url{max-width:145px}.links-table th:first-child{width:auto}.row-actions{gap:2px}}
@media(max-width:520px){.links-table th:nth-child(2),.links-table td:nth-child(2){display:none}.links-table th,.links-table td{padding-inline:7px}.table-site{gap:8px}.table-site .site-icon{width:30px;height:30px;border-radius:8px}.site-title,.site-url{max-width:106px}.site-title{font-size:12px}.site-url{font-size:9px}.icon-button.small{width:27px;height:32px}.sort-controls{gap:0}.links-table th:first-child,.links-table td:first-child{padding-left:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.shortcut:hover .site-icon{transform:none}}