:root{color-scheme:dark;--bg:#090f0c;--surface:#101813;--surface2:#152019;--surface3:#1b2920;--line:#26382b;--muted:#90a298;--text:#f2f7ef;--accent:#b9ff58;--accent2:#79c99a;--radius:18px;--shadow:0 30px 110px rgba(0,0,0,.25);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-color="cyan"]{--accent:#7ee5fc;--accent2:#7dbbcf}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.38;cursor:not-allowed}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app-shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#0c130e;border-right:1px solid var(--line);padding:29px 17px 18px;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand-mark{height:42px;width:42px;border:1px solid #415e36;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:radial-gradient(circle at 50% 0%,#24451d,#0f1c12 82%);box-shadow:0 0 30px #a9fb3a13}.brand-mark svg{width:27px;height:27px}.brand-type{font-size:26px;line-height:.87;font-weight:900;letter-spacing:-1.4px}.brand-dot{color:var(--accent)}.brand-type small{display:block;color:#88a68c;font-size:8px;font-weight:800;letter-spacing:3px;margin-top:10px}.nav-group-label,.tiny-label,.mini-box-label{letter-spacing:2px;font-size:10px;font-weight:800;color:#6d8070}.nav-group-label{padding:21px 18px 12px}.nav-links{display:flex;flex-direction:column;gap:5px}.nav-link{border:1px solid transparent;border-radius:12px;background:transparent;color:#a5b5a9;text-align:left;height:44px;display:flex;align-items:center;gap:13px;padding:0 15px;font-size:13px;font-weight:650}.nav-link:hover{background:#152019;color:#fff}.nav-link.is-active{background:#1e2b1f;border-color:#354930;color:var(--accent)}.nav-symbol{width:20px;text-align:center;font-size:21px;font-weight:400;line-height:1}.count{margin-left:auto;color:#8ea091;font-size:11px}.sidebar-bottom{margin-top:auto}.service-box{border:1px solid #314a33;background:radial-gradient(circle at top left,#1e3921,#111b14 78%);border-radius:13px;padding:14px 13px;display:flex;gap:12px;align-items:center}.online-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:100%;background:var(--accent);box-shadow:0 0 0 4px #b9ff5810,0 0 14px #c1ff5f66}.service-box strong{display:block;font-size:11px;letter-spacing:.1px}.service-box small{display:block;color:#829684;font-size:10px;margin-top:4px}.sidebar-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:#798a7c;justify-content:center;margin-top:24px}.sidebar-footer a:hover,.sidebar-footer button:hover{color:var(--accent)}.sidebar-footer button{padding:0;border:0;background:transparent;color:inherit;font-size:inherit}
.main-column{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#0b120ebd;backdrop-filter:blur(20px);position:relative;z-index:5}.breadcrumb{color:#a4b2a4;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.6px;font-weight:800}.breadcrumb-edvora{color:#718774}.slash{color:#49604c}.top-actions{display:flex;gap:20px;align-items:center}.status-pill{font-size:9px;letter-spacing:1.3px;color:#c3ddbc;border:1px solid #2a402f;background:#142018;border-radius:100px;padding:8px 11px;display:flex;align-items:center;gap:10px}.status-pill .online-dot{width:6px;height:6px}.top-icon{width:32px;height:32px;border:0;background:transparent;color:#a0b4a2;font-size:20px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#2d4624;color:var(--accent);font-weight:900;font-size:14px;border:1px solid #557147}
#app-main{min-height:calc(100vh - 72px)}.home-view,.list-view{max-width:1330px;margin:0 auto;padding:46px clamp(24px,5vw,78px) 20px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent2);font-size:10px;letter-spacing:2.2px;font-weight:900}.eyebrow-line{height:1px;width:25px;background:var(--accent)}.eyebrow-number{margin-left:auto;color:#596f5c}.hero{display:flex;position:relative;min-height:315px;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#c2ff6706 1px,transparent 1px),linear-gradient(90deg,#c2ff6706 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 12%,black 100%)}.hero-copy{position:relative;z-index:2;max-width:750px;padding:32px 0}.hero-status{color:#9bc68b;font-size:10px;letter-spacing:2.2px;font-weight:800;display:flex;align-items:center;gap:9px}.hero-status-glyph{font-size:20px;color:var(--accent)}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(47px,5.4vw,83px);line-height:1.04;letter-spacing:-4px;margin:18px 0 20px;font-weight:840}.hero h1 span{color:var(--accent)}.hero p{max-width:570px;font-size:14px;line-height:1.85;color:#a1afa3;margin:0}.hero-art{position:absolute;right:-20px;top:-20px;width:430px;height:360px;pointer-events:none;opacity:.84}.art-rings{position:absolute;left:60px;top:0;width:345px;height:345px;display:grid;place-items:center}.art-ring{border:1px solid #70b64a4d;border-radius:50%;position:absolute}.art-ring.a{height:310px;width:310px;box-shadow:0 0 40px #c1ff4710,inset 0 0 50px #8ddd3810}.art-ring.b{height:240px;width:240px;border-style:dashed;transform:rotate(25deg)}.art-ring.c{height:175px;width:175px;transform:rotate(-18deg);border-color:#baff553d}.art-center{height:112px;width:112px;background:radial-gradient(circle at 40% 20%,#315a27,#101c13 70%);border:1px solid #699d4b;box-shadow:0 0 110px #b8ff4a34,0 0 20px #affc4324 inset;border-radius:35px;display:grid;place-items:center;color:var(--accent);transform:rotate(-13deg)}.art-center svg{width:66px;transform:rotate(13deg)}.art-label{position:absolute;letter-spacing:1.8px;font-size:8px;font-weight:900;color:#719675}.art-top{top:35px;right:1px}.art-bottom{bottom:42px;left:8px}
.search-panel{display:flex;align-items:center;border:1px solid #426036;background:linear-gradient(130deg,#182719,#111a14);border-radius:18px;min-height:78px;box-shadow:0 13px 52px #0005,0 0 30px #adff3b09;gap:18px;padding:9px 10px 9px 24px;position:relative;z-index:3}.search-panel:focus-within{border-color:#a4e75c;box-shadow:0 0 0 3px #beff6320}.search-symbol{font-size:34px;color:var(--accent);line-height:1}.search-panel input{min-width:0;flex:1;color:var(--text);font-size:17px;font-weight:500;background:transparent;border:0;outline:0;letter-spacing:-.25px}.search-panel input::placeholder{color:#788b7b}.search-shortcut{font-size:9px;color:#7d947e;white-space:nowrap;letter-spacing:1.2px;font-weight:700}.search-go{background:var(--accent);border:0;color:#14200e;min-width:109px;height:58px;border-radius:12px;font-size:12px;font-weight:950;letter-spacing:1.2px;transition:transform .15s ease,filter .15s}.search-go:hover{filter:brightness(1.12);transform:translateY(-1px)}.search-go span{font-size:18px;padding-left:11px}.search-hint{padding:16px 3px 45px;color:#708174;font-size:11px;letter-spacing:.2px}.search-hint span:first-child{color:#92bc81;font-size:14px}.hint-separator{padding:0 11px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}.section-head h2{font-size:27px;letter-spacing:-1.2px;margin:8px 0 0}.period{color:var(--accent)}.head-meta{font-size:9px;letter-spacing:1.6px;color:#708774;white-space:nowrap}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{display:flex;align-items:center;position:relative;min-height:102px;padding:17px 15px;gap:12px;background:linear-gradient(140deg,#162119,#101813);border:1px solid #293a2e;border-radius:14px;text-align:left;color:var(--text);transition:transform .18s,border-color .18s,background .18s}.quick-card:hover{transform:translateY(-3px);border-color:#7aaa57;background:linear-gradient(140deg,#203024,#131c15)}.quick-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--item-accent) 11%,#142018);border:1px solid color-mix(in srgb,var(--item-accent) 30%,transparent);color:var(--item-accent);display:grid;place-items:center;font-weight:850;font-size:20px;flex:none}.quick-title{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-title small{font-size:10px;font-weight:400;color:#788b7d;display:block;margin-top:7px}.quick-arrow{color:#92aa8b;align-self:flex-start;margin-left:auto;font-size:16px}.lower-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border:1px solid #24352b;border-radius:16px;background:#0e1611;overflow:hidden}.mini-box{padding:23px 25px;display:flex;flex-direction:column;gap:9px}.mini-box:not(:last-child){border-right:1px solid #24352b}.mini-box-label{color:var(--accent2)}.mini-box strong{font-size:13px}.mini-box>span:last-child{color:#84948a;font-size:11px;line-height:1.65}.home-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:29px 4px;color:#89ab7b;font-size:9px;letter-spacing:1.6px;font-weight:800}.home-footer .footer-light{color:#617664}.home-footer a:hover{color:var(--accent)}
.browser-view{height:calc(100vh - 72px);display:flex;flex-direction:column;padding:13px 23px 14px;gap:10px}.browser-toolbar{display:flex;align-items:center;gap:13px;flex:none}.browser-controls{display:flex;align-items:center;gap:3px}.browser-controls button,.browser-star,.browser-external{background:#152018;color:#a3b8a3;border:1px solid #253b2b;border-radius:9px;height:39px;min-width:39px;font-size:19px}.browser-controls button:hover,.browser-star:hover,.browser-external:hover{color:var(--accent);border-color:#7aa754}.browser-address{border:1px solid #304c37;border-radius:10px;height:43px;flex:1;display:flex;align-items:center;gap:8px;min-width:0;background:#121e16;padding:0 6px 0 15px}.browser-address:focus-within{border-color:var(--accent)}.lock-icon{color:var(--accent2);font-size:18px}.browser-address input{border:0;min-width:0;outline:0;background:transparent;color:#eaf3ea;font-size:12px;flex:1}.browser-address button{background:#253d28;color:var(--accent);border:0;border-radius:7px;height:29px;width:34px}.browser-star.active{color:var(--accent)}.tab-strip{border:1px solid #263a2b;border-radius:10px;background:#101a14;min-height:44px;display:flex;align-items:center;padding:5px 9px;gap:7px}.tabs{display:flex;min-width:0;gap:6px;overflow:auto;scrollbar-width:thin}.tab{min-width:120px;max-width:193px;display:flex;align-items:center;gap:8px;flex:none;border:1px solid transparent;border-radius:7px;background:#18271c;color:#93aa96;height:32px;padding:0 8px 0 12px;font-size:11px}.tab.active{color:var(--accent);border-color:#345e37;background:#223323}.tab-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;text-align:left}.tab-x{border:0;color:inherit;background:transparent;font-size:16px;line-height:1;border-radius:5px}.tab-x:hover{color:#fff}.new-tab{flex:none;background:#213123;color:var(--accent);border:1px solid #314a34;height:30px;width:30px;border-radius:7px;font-size:19px}.tab-strip-label{margin-left:auto;padding:0 10px;color:#586d60;font-weight:800;letter-spacing:1.5px;font-size:9px;white-space:nowrap}.viewport{position:relative;min-height:150px;flex:1;background:#f8f9f5;border:1px solid #3b483c;border-radius:13px;overflow:hidden}.viewport iframe{width:100%;height:100%;border:0;display:block;background:white;position:absolute;inset:0}.empty-browser{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#131e16;color:#c5d6bf;text-align:center}.empty-mark{height:76px;width:76px;border-radius:20px;color:var(--accent);background:#203325;border:1px solid #3b613c;display:grid;place-items:center;font-weight:950;font-size:37px;margin-bottom:16px}.empty-browser h2{font-size:22px;margin-bottom:6px}.empty-browser p{font-size:12px;color:#82968a}.browser-status{color:#849888;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;font-weight:700;letter-spacing:1.2px;padding:0 6px}.browser-status>span:first-child{display:flex;align-items:center;gap:9px}.browser-status .online-dot{width:6px;height:6px}
.list-view-head{display:flex;align-items:center;justify-content:space-between;padding:35px 0 20px}.list-view-head h1{font-size:clamp(42px,5vw,64px);letter-spacing:-3px;margin:0 0 9px}.list-view-head p{color:var(--muted);font-size:13px}.text-button{border:1px solid #33543b;background:#19291f;padding:11px 14px;color:var(--accent);border-radius:9px;font-size:11px;font-weight:800}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saved-row{display:flex;align-items:center;gap:13px;background:#111b14;border:1px solid #26392a;padding:14px 17px;border-radius:12px}.saved-monogram{width:39px;height:39px;display:grid;place-items:center;background:#203422;color:var(--accent);border-radius:9px;font-size:18px;font-weight:850}.saved-text{min-width:0;flex:1}.saved-text strong,.saved-text small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.saved-text strong{font-size:13px}.saved-text small{font-size:10px;color:var(--muted);margin-top:4px}.saved-row>button{border:0;background:transparent;color:#90ad86;font-size:20px}.empty-list{padding:65px 22px;border:1px dashed #294332;border-radius:17px;text-align:center;color:#819585;grid-column:1/-1}.empty-list strong{display:block;font-size:21px;color:var(--text);margin-bottom:9px}
.access-overlay{position:fixed;z-index:300;inset:0;background:radial-gradient(ellipse at 50% 18%,#284527,#08100bcf 55%,#040805ee),#09120d;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(26px)}body[data-authed="true"] .access-overlay{display:none}.access-window{width:min(100%,432px);padding:36px;border:1px solid #405c3a;background:linear-gradient(160deg,#18281b,#0d1710);box-shadow:0 40px 120px #000b,0 0 70px #98ed3a12;border-radius:24px}.access-mark{width:70px;height:70px;display:grid;place-items:center;border:1px solid #668b4a;background:#253b25;border-radius:20px;color:var(--accent);margin-bottom:28px}.access-mark svg{height:48px;width:48px}.access-eyebrow{font-weight:900;color:var(--accent2);font-size:10px;letter-spacing:2.3px}.access-window h2{font-size:44px;letter-spacing:-2px;margin:13px 0 12px}.access-window h2 span{color:var(--accent)}.access-window p{font-size:13px;color:#98aa9a;line-height:1.8;margin-bottom:29px}.access-window label{font-size:10px;font-weight:800;letter-spacing:2px;color:#b5d8ab;display:block;margin-bottom:9px}.access-window input{width:100%;background:#0b150e;color:#e9f5e5;border:1px solid #3b5b3c;border-radius:11px;height:52px;padding:0 15px;outline:0}.access-window input:focus{border-color:var(--accent)}.access-window form button{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#12210f;font-weight:900;border:0;border-radius:11px;height:52px;padding:0 18px;font-size:13px}.access-window form button span{font-size:21px}.access-message{font-size:11px;color:#aebdaa;margin-top:14px;min-height:18px}.access-message.error{color:#ffad93}.access-note{border-top:1px solid #304633;margin-top:27px;padding-top:17px;color:#708873;font-size:10px;line-height:1.65}.toast{position:fixed;z-index:400;bottom:25px;right:24px;max-width:min(440px,calc(100vw - 30px));padding:13px 18px;border:1px solid #416d3c;background:#192a1b;color:#e2f8d8;font-size:12px;border-radius:10px;box-shadow:0 16px 50px #0009;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:none}.credits-body{min-height:100vh;display:grid;place-items:center;padding:35px}.credits{max-width:790px;border:1px solid #29402f;border-radius:20px;background:#111b14;padding:40px}.credits> a:first-child{font-size:11px;letter-spacing:1.6px;color:var(--accent)}.credits h1{font-size:48px;letter-spacing:-2px;margin:30px 0}.credits h2{margin-top:26px}.credits p{color:#a2b4a3;line-height:1.8;font-size:13px}.credits p a{color:var(--accent)}.credits-bottom{margin-top:44px;border-top:1px solid #29402f;padding-top:20px;color:#7a907c;font-size:10px;letter-spacing:1.3px}
@media(max-width:1150px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.hero h1{font-size:62px}.hero-art{opacity:.45}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-view{padding-inline:33px}.sidebar{padding-left:12px;padding-right:12px}}
@media(max-width:760px){.app-shell{display:block;padding-bottom:63px}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:63px;padding:4px 7px;background:#0c160eea;backdrop-filter:blur(18px);border-top:1px solid var(--line);border-right:0;z-index:90}.brand,.sidebar-bottom,.nav-group-label{display:none}.nav-links{flex-direction:row;justify-content:space-around;height:100%}.nav-link{height:52px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 10px;border-radius:10px;font-size:9px;min-width:20%}.nav-symbol{font-size:22px}.count{display:none}.topbar{padding:0 18px;height:57px}.breadcrumb{gap:8px;font-size:9px}.status-pill{font-size:0;gap:0;padding:8px}.top-actions{gap:9px}.home-view,.list-view{padding:30px 19px 15px}.hero{min-height:270px}.hero-copy{padding:18px 0}.hero h1{font-size:clamp(42px,9vw,68px);letter-spacing:-2.5px}.hero p{font-size:12px;line-height:1.7}.hero-art{right:-180px;opacity:.25}.search-panel{height:64px;min-height:64px;padding:8px 7px 8px 15px;gap:9px}.search-panel input{font-size:13px}.search-symbol{font-size:27px}.search-go{min-width:70px;height:48px;font-size:11px}.search-go span{display:none}.search-shortcut,.head-meta{display:none}.search-hint{padding-bottom:32px;font-size:10px}.section-head h2{font-size:24px}.quick-grid{gap:9px}.quick-card{padding:12px;min-height:93px}.quick-icon{width:36px;height:36px;font-size:15px}.quick-title{font-size:11px}.quick-title small{font-size:9px}.quick-arrow{display:none}.lower-panel{grid-template-columns:1fr;margin-top:29px}.mini-box{padding:16px 20px}.mini-box:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.home-footer{font-size:8px}.browser-view{height:calc(100dvh - 120px);padding:7px;gap:6px}.browser-toolbar{gap:6px}.browser-controls{gap:1px}.browser-controls button,.browser-star,.browser-external{min-width:28px;width:28px;height:36px;font-size:17px}.browser-address{height:38px;padding-left:6px}.browser-address input{font-size:11px}.browser-external{display:none}.tab-strip-label{display:none}.tab{min-width:95px;max-width:120px}.browser-status{font-size:8px}.list-view-head h1{font-size:43px}.saved-grid{grid-template-columns:1fr}.access-window{padding:29px 24px}.access-window h2{font-size:40px}.credits{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}