*{box-sizing:border-box} :root{font-family:'Segoe UI','Noto Sans SC','Microsoft YaHei',sans-serif;color:#292c35;background:#fafaf9;--accent:#5267df;--tint:#eef0fc;--on-accent:#fff;--line:#e5e5e8}body{margin:0;font-size:16px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:hover{color:var(--accent)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{width:min(1200px,calc(100% - 64px));margin:auto}header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}#identity{font-size:22px;font-weight:650;padding:0;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:32px}.header-right span{font-size:11px;letter-spacing:2px;color:#91929a}#manage{font-size:13px;color:#717480}.intro{padding:68px 0 48px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);margin:0 0 20px}h1{font-size:42px;font-weight:550;letter-spacing:-1.5px;line-height:1.4;margin:0 0 18px}#description{color:#777b87;font-size:16px;line-height:1.9;margin:0;white-space:pre-wrap}#edit-intro{font-size:13px;color:var(--accent);margin-top:20px;padding:0}.directory{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:0 0 20px}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{font-size:14px;color:#707581}nav a:hover{color:var(--accent)}#search{width:190px;padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:13px;outline-color:var(--accent)}.category{padding:40px 0 6px;scroll-margin-top:25px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.heading-line{display:flex;align-items:center;gap:12px}.number{color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums}.section-head h2{font-size:21px;font-weight:600;margin:0}.section-head p{font-size:14px;color:#888b95;margin:9px 0 0;line-height:1.7}.section-tools,.item-tools{display:flex;gap:5px;flex-wrap:wrap}.section-tools button,.item-tools button{font-size:12px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;background:#fff}.section-tools .accent{color:var(--accent);border-color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:11px;padding:25px;display:flex;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between}.monogram{width:40px;height:40px;background:var(--tint);color:var(--accent);display:grid;place-items:center;border-radius:10px;font-size:17px;font-weight:600}.status{font-size:12px;color:#90939c}.card h3{font-size:18px;margin:22px 0 10px;font-weight:600}.card h3 button{padding:0;text-align:left}.version{font-size:11px;color:var(--accent);font-weight:400;margin-left:8px}.card p{font-size:14px;color:#7a7e8a;line-height:1.9;margin:0 0 25px;overflow-wrap:anywhere}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #eeeef1;padding-top:16px;margin-top:auto}.tags{font-size:12px;color:#9296a1;line-height:1.7}.open{font-size:14px;color:var(--accent);white-space:nowrap}.item-tools{padding-top:17px}.hidden-content{border:1px dashed #b6a78e;border-radius:12px;background:#f7f5f01a}.category.hidden-content{padding:25px;margin-top:25px}.card.hidden-content{background:#f7f5f0}.visibility{font-size:11px;color:#9b7843;background:#f6eddc;padding:4px 7px;border-radius:4px}.empty{border:1px dashed var(--line);border-radius:10px;padding:27px;color:#9295a0;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.empty button{color:var(--accent);font-size:14px}.no-results{padding:45px 0;color:#888}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:65px;padding:27px 0 35px;font-size:12px;color:#999da7}#toolbar{position:sticky;top:10px;z-index:2;margin-top:20px;padding:13px 16px;background:#fff;border:1px solid var(--accent);border-radius:9px;box-shadow:0 5px 20px #20204008;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--accent)}#toolbar>div{display:flex;gap:8px;flex-wrap:wrap}#toolbar button{font-size:12px;padding:6px 8px;background:var(--tint);border-radius:5px}.danger{color:#ac574c!important}dialog{width:min(580px,calc(100vw - 32px));max-height:90vh;border:1px solid var(--line);border-radius:14px;padding:27px;color:#303440;box-shadow:0 30px 100px #20203020}dialog::backdrop{background:#20203255;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.modal-head h2{font-size:21px;margin:0}.modal-head button{font-size:26px}.form{display:grid;gap:16px}.form label{display:grid;gap:7px;font-size:14px;color:#6f7380}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:14px;background:#fcfcfd;outline-color:var(--accent)}.form textarea{resize:vertical;min-height:70px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .check{display:flex;align-items:center;gap:8px}.check input{width:auto}.hint{font-size:13px;color:#858995;line-height:1.8;margin:0}.form-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.primary{background:var(--accent);color:var(--on-accent);border-radius:6px;padding:11px 18px;font-size:14px}.primary:hover{color:var(--on-accent);filter:brightness(.95)}.secondary{border:1px solid var(--line);border-radius:6px;padding:11px 18px;font-size:14px}.error{font-size:13px;color:#b34b40;margin:0}.notes{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f6f8;padding:16px;font-size:14px;line-height:1.9;border-radius:7px}.palette{display:flex;gap:10px}.palette button{border:1px solid var(--line);border-radius:5px;padding:8px;font-size:12px}.form input[type=color]{height:46px;padding:4px}.detail-description{line-height:1.8;color:#767b88}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#292f3d;color:white;padding:13px 22px;border-radius:8px;z-index:10;font-size:14px;max-width:90vw}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start;flex-direction:column}#toolbar{align-items:flex-start;flex-direction:column}h1{font-size:35px}}@media(max-width:540px){.shell{width:calc(100% - 36px)}header{height:80px}.header-right span{display:none}.intro{padding:43px 0 30px}h1{font-size:29px;letter-spacing:-.8px}#description{font-size:14px}.directory{align-items:stretch;flex-direction:column;gap:18px}nav{gap:18px}#search{width:100%}.cards{grid-template-columns:1fr}.category{padding-top:30px}.card{padding:22px}.section-head h2{font-size:20px}.row{grid-template-columns:1fr}.category.hidden-content{padding:15px}.empty{align-items:flex-start;flex-direction:column}footer{margin-top:40px;font-size:11px}.palette{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Soft, centered collection — shared surfaces for light and night modes. */
:root{--page:#f3f5ef;--surface:#ffffff;--text:#30372d;--muted:#7d8674;--line:#e0e6d9;--soft:#eaf0e2;--shadow:0 6px 28px #32451d04;background:var(--page);color:var(--text);color-scheme:light}
:root[data-appearance=dark]{--page:#171d1b;--surface:#222b27;--text:#e3e9df;--muted:#a1b0a3;--line:#354239;--soft:#29362e;--shadow:0 8px 28px #00000015;color-scheme:dark}
body{background:radial-gradient(ellipse at 88% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 45%),var(--page);min-height:100vh}.shell{width:min(1200px,calc(100% - 64px))}header{height:94px;border-bottom-color:var(--line)}.header-brand{display:flex;align-items:center;gap:13px}.header-brand>img{border-radius:8px}#identity{font-size:18px;letter-spacing:.3px;white-space:nowrap;color:var(--text)}.header-right{gap:18px}#manage{color:var(--muted);font-size:12px}#appearance{font-size:22px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--text);background:var(--surface)}.contact{position:relative;margin-left:15px;padding-left:22px;border-left:1px solid var(--line);z-index:5}#contact-button{display:flex;align-items:center;gap:9px;padding:8px 0;color:var(--muted);font-size:12px}#contact-button svg{width:21px;height:21px;stroke:var(--accent);stroke-width:1.4;fill:var(--surface)}#contact-panel{position:absolute;top:38px;left:10px;width:278px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 16px 55px #16271925}#contact-panel img{display:block;width:100%;height:auto;border-radius:7px;background:white}#contact-panel p{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 3px}.intro{padding:56px 0 35px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);margin-bottom:17px}h1{font-size:36px;letter-spacing:-1.2px;font-weight:550;margin-bottom:12px}#description{color:var(--muted);font-size:14px}.directory{padding:16px 0 20px;margin-bottom:5px}nav{gap:8px}nav a{font-size:13px;padding:8px 15px;border-radius:6px;color:var(--muted)}nav a:first-child{background:var(--soft);color:var(--text)}nav a:hover{background:var(--soft)}#search{background:var(--surface);border-color:var(--line);color:var(--text);font-size:12px;width:225px}.category{padding-top:32px}.section-head{margin-bottom:18px}.section-head h2{font-size:18px;font-weight:600}.section-head p{font-size:13px;color:var(--muted);margin-top:7px}.number{font-size:11px;letter-spacing:1px;color:var(--muted)}.cards{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:12px;padding:24px;background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);min-height:225px}.card:hover{box-shadow:0 10px 28px #1b2e1210;border-color:color-mix(in srgb,var(--accent) 42%,var(--line));transform:translateY(-3px)}.featured-card{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),color-mix(in srgb,var(--accent) 3%,var(--surface)))}.monogram{background:var(--soft);color:var(--accent);width:38px;height:38px;border-radius:9px}.monogram svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.status{font-size:11px;color:var(--muted)}.card h3{margin-top:20px;font-size:17px}.card p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:23px}.card-bottom{border-color:var(--line);padding-top:14px}.tags{font-size:11px;color:var(--muted)}.open{font-size:13px}.version{color:var(--muted)}.empty{background:color-mix(in srgb,var(--surface) 45%,transparent);border-color:var(--line);color:var(--muted);padding:24px 26px;font-size:13px}footer{margin-top:48px;border-color:var(--line);color:var(--muted);font-size:11px}#toolbar{background:var(--surface)}#toolbar button{background:var(--soft);color:var(--text)}.section-tools button,.item-tools button{background:var(--surface);border-color:var(--line);color:var(--muted)}.category.hidden-content,.card.hidden-content{background:var(--soft);border-color:var(--muted)}dialog{background:var(--surface);color:var(--text);border-color:var(--line)}.form label,.hint,.detail-description{color:var(--muted)}.form input,.form select,.form textarea{background:var(--page);color:var(--text);border-color:var(--line)}.notes{background:var(--page);color:var(--text)}.secondary,.palette button{border-color:var(--line)}:root[data-appearance=dark] .open,:root[data-appearance=dark] .monogram,:root[data-appearance=dark] #edit-intro,:root[data-appearance=dark] .section-tools .accent{color:color-mix(in srgb,var(--accent) 65%,white)}:root[data-appearance=dark] #contact-button svg{stroke:#a4c5ad}:root[data-appearance=dark] #toolbar{color:var(--text)}
@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.header-brand{gap:9px}.contact{margin-left:6px;padding-left:12px}.header-right{gap:10px}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}header{height:auto;min-height:92px;gap:12px;align-items:center;flex-wrap:wrap;padding:19px 0}.header-brand{flex-wrap:wrap;flex:1}.header-brand>img{width:25px;height:25px}#identity{font-size:15px}.contact{border:0;margin:0;padding:0 0 0 34px;flex-basis:100%}#contact-button{padding:2px 0}#contact-panel{left:0;top:28px;width:260px;max-width:calc(100vw - 40px)}.header-right{gap:6px;align-self:flex-start}#manage{font-size:11px}#appearance{width:29px;height:29px;font-size:18px}.intro{padding:35px 0 24px}h1{font-size:28px}.eyebrow{font-size:8px;letter-spacing:1.5px}.directory{gap:14px}nav{gap:3px}nav a{padding:7px 10px;font-size:12px}#search{width:100%}.cards{grid-template-columns:1fr}.card{min-height:215px}.section-head{gap:13px}.category{padding-top:27px}}
/* Compact station header and draggable appearance control. */
header{height:auto;min-height:138px;padding:27px 0 23px;border-bottom:0}.header-brand{align-items:center;gap:18px;flex-wrap:nowrap}.brand-copy .eyebrow{margin:0 0 7px;font-size:9px;letter-spacing:1.8px}.brand-copy #identity{font-size:25px;letter-spacing:-.6px;text-align:left;white-space:normal;line-height:1.45}.brand-copy #description{margin:7px 0 0;font-size:13px}.contact{padding:0;margin:0;border:0;flex-basis:auto;flex-shrink:0}#contact-button{padding:4px;width:42px;height:42px;display:grid;place-items:center}#contact-button svg{width:36px;height:36px;stroke:none;fill:none;color:var(--text)}#contact-panel{left:0;top:48px}.directory{margin:0;padding:8px 0 17px}#appearance{position:fixed;right:28px;bottom:28px;width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 24px #16271918;color:var(--text);z-index:20;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .35s cubic-bezier(.2,.75,.25,1),background .25s}#appearance svg{width:23px;height:23px;fill:currentColor;pointer-events:none}#appearance.dragging{cursor:grabbing;transition:none;box-shadow:0 10px 30px #16271930}.mode-lens{position:fixed;inset:0;pointer-events:none;z-index:19;opacity:0;transition:opacity .25s ease;mask-image:radial-gradient(circle 150px at var(--lens-x) var(--lens-y),#000 0%,#000 57%,transparent 100%);-webkit-mask-image:radial-gradient(circle 150px at var(--lens-x) var(--lens-y),#000 0%,#000 57%,transparent 100%);overflow:hidden}.form input[type=range]{padding:8px 0;accent-color:var(--accent)}#hue-value{font-variant-numeric:tabular-nums;color:var(--accent)}@media(max-width:600px){header{min-height:125px;padding:23px 0 17px;display:block}.header-brand{gap:12px}.brand-copy #identity{font-size:20px}.brand-copy .eyebrow{font-size:7px;letter-spacing:.9px;margin-bottom:6px}.brand-copy #description{font-size:12px;line-height:1.7}#contact-button{width:32px;height:36px}#contact-button svg{width:30px;height:30px}#contact-panel{top:43px;width:260px}#appearance{right:18px;bottom:18px;width:46px;height:46px}.directory{padding-top:7px}}
.mode-lens{background:var(--page);color:var(--text)}.lens-page{min-height:100vh;background:radial-gradient(ellipse at 88% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 45%),var(--page);color:var(--text);font-family:'Segoe UI','Noto Sans SC','Microsoft YaHei',sans-serif}

header{min-height:100px;padding:25px 0;gap:20px;border-bottom:1px solid var(--line);flex-wrap:nowrap}.brand-copy{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.brand-copy #identity{order:0;font-size:23px}.brand-copy .eyebrow{order:1;margin:0;font-size:8px;letter-spacing:1.3px}.header-brand{flex:1;min-width:0}.directory{display:none}header #search{width:190px;flex-shrink:0}.category+.category{border-top:1px solid var(--line);margin-top:29px;padding-top:29px}#contact-button svg{stroke:none!important}.danger,.error{color:var(--accent)!important}.visibility{color:var(--text);background:var(--soft)}.no-results{color:var(--muted)}#toast{background:var(--text);color:var(--page)}.hidden-content{border-color:var(--muted)}@media(max-width:1000px){.brand-copy{gap:6px 14px}.brand-copy .eyebrow{font-size:7px}}@media(max-width:600px){header{display:flex;flex-wrap:wrap;padding:19px 0;gap:16px}.header-brand{flex-basis:100%;gap:12px}.brand-copy #identity{font-size:19px}.brand-copy{gap:5px 10px}.brand-copy .eyebrow{font-size:7px}header #search{width:100%}.category+.category{margin-top:23px;padding-top:23px}}

footer{flex-wrap:wrap}.site-registration{flex:0 0 100%;width:100%;margin:18px 0 0;text-align:center;font-size:10px;line-height:1.6;color:#555551}.site-registration a{color:inherit;text-decoration:none}.site-registration a:hover{text-decoration:underline}

.form input[type=checkbox]{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:8px}