@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0a0b0b;--surface:#131515;--surface2:#1a1c1c;--line:#303333;--white:#f6f7f4;--muted:#9da3a0;--yellow:#e9ef53;--danger:#f18f8f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--bg);font:15px/1.55 'DM Sans',sans-serif}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,.brand,.btn{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{transition:background .2s,border-color .2s,color .2s}strong{font-weight:700}.yellow{color:var(--yellow)}.brand{display:inline-flex;gap:13px;align-items:center;font-size:19px;font-weight:700;letter-spacing:-.04em}.brand em{color:var(--yellow);font-style:normal}.brand-mark{width:44px;height:44px;border-radius:12px;background:var(--yellow);color:#111;display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:-.1em;font-size:19px;transform:rotate(-5deg)}.brand-mark span{display:inline-block;transform:translateY(-1px)}.tag,.eyebrow,.section-no,.side-label{font-weight:700;letter-spacing:.14em;font-size:10px}.eyebrow,.section-no,.side-label{color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #555a3a;background:#1e2218;border-radius:100px;padding:8px 12px;color:var(--yellow)}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--yellow)}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;border-radius:10px;padding:15px 20px;border:1px solid transparent;font-weight:700}.btn.primary{background:var(--yellow);color:#111}.btn.primary:hover{background:#fff}.btn.outline{border-color:#585d59}.btn.outline:hover{border-color:var(--yellow)}.btn.full{width:100%}.public-header{max-width:1300px;margin:auto;height:96px;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.public-header nav{display:flex;align-items:center;gap:36px;color:#c2c5bd}.public-header nav a:hover{color:var(--yellow)}.small-outline{border:1px solid #6b715c;border-radius:9px;padding:10px 15px}.hero{border-block:1px solid #262a25;background:radial-gradient(circle at 82% 36%,#242a16,transparent 34%),#0b0d0a}.hero-grid{max-width:1300px;min-height:625px;margin:auto;padding:75px 40px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.hero h1,.login-visual h1{font-size:clamp(54px,6.8vw,100px);line-height:.97;margin:30px 0;letter-spacing:-.075em}.hero h1 span,.login-visual h1 span{color:var(--yellow)}.hero p{max-width:500px;color:#acb2aa;font-size:17px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.mini-line{display:flex;flex-wrap:wrap;gap:25px;margin-top:80px;color:#878d85;font-size:10px;font-weight:700;letter-spacing:.16em}.hero-art{min-height:460px;border:1px solid #454c36;border-radius:24px;background:linear-gradient(140deg,#222719,#0e100d);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-art:before,.hero-art:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #4b533c;border-radius:50%}.hero-art:after{width:340px;height:340px}.orb{height:230px;width:230px;background:var(--yellow);border-radius:50%;display:grid;place-items:center;color:#111;box-shadow:0 0 85px #e9ef5322;z-index:1;transform:rotate(-14deg)}.orb span{font-family:'Space Grotesk';font-size:90px;font-weight:700;letter-spacing:-.15em}.art-top,.art-bottom{position:absolute;z-index:2;left:25px;font-weight:700;font-size:10px;letter-spacing:.15em;color:#adb3a1}.art-top{top:25px}.art-bottom{bottom:25px}.public-section{max-width:1300px;margin:auto;padding:105px 40px;border-bottom:1px solid #292c28;display:grid;grid-template-columns:1fr 2fr;gap:50px}.public-section h2{font-size:clamp(34px,4.2vw,58px);line-height:1.1;letter-spacing:-.055em}.public-section h2 span{color:var(--yellow)}.public-section p{color:#aaaeb0;max-width:620px}.public-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-cards article{border:1px solid #313631;padding:25px;border-radius:16px;background:#131614}.public-cards h3{font-size:19px;margin:55px 0 12px}.public-cards p{font-size:13px}.card-icon{color:var(--yellow);font-size:12px;font-weight:700}.public-footer{max-width:1300px;margin:auto;min-height:110px;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;color:#9da19b;font-size:11px;letter-spacing:.12em}.public-footer strong{font-size:27px;color:#fff;letter-spacing:-.07em}.public-footer strong span{color:var(--yellow);font-size:13px;vertical-align:top}.auth-body{min-height:100vh}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-visual{padding:55px clamp(25px,6vw,100px);background:radial-gradient(circle at 60% 70%,#353f1c,transparent 57%),#11150e;display:flex;flex-direction:column;justify-content:space-between}.login-visual h1{font-size:clamp(55px,5.8vw,88px)}.login-visual p{color:#aaaeb0}.login-visual small{color:#acb3a0;letter-spacing:.17em}.login-panel{display:flex;align-items:center;justify-content:center;padding:25px}.login-card{width:min(100%,405px)}.lock-symbol{font-size:24px;background:var(--yellow);color:#111;width:45px;height:45px;border-radius:12px;display:grid;place-items:center;margin-bottom:30px}.login-card h2{font-size:34px;letter-spacing:-.05em;margin:10px 0}.login-card p{color:var(--muted);margin-bottom:30px}.login-card label,.editor label,.panel label,.setup-box label{display:block;color:#c9ceca;font-size:12px;font-weight:700;margin:18px 0 8px}.login-card input,.panel input:not([type=checkbox]):not([type=hidden]),.panel textarea,.panel select,.setup-box input{width:100%;border:1px solid #383e3a;background:#151818;color:var(--white);border-radius:9px;padding:13px 15px;outline:none}.login-card input:focus,.panel input:focus,.panel textarea:focus,.panel select:focus,.setup-box input:focus{border-color:var(--yellow)}.login-card form .btn{margin-top:27px}.back-link{display:block;color:var(--muted);text-align:center;margin-top:25px;font-size:12px}.error,.flash{border:1px solid #985555;background:#341e1e;color:#ffd2d2;padding:14px 16px;border-radius:10px;margin-bottom:18px;font-size:13px}.flash{background:#1c291c;color:#d8f9d3;border-color:#3a693c}.setup-box{max-width:560px;margin:6vh auto;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.setup-box h1{font-size:32px}.setup-box p{color:var(--muted)}.setup-box .btn{margin-top:25px}.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;min-height:100vh;height:100vh;flex:0 0 245px;background:#101212;border-right:1px solid var(--line);padding:30px 17px;display:flex;flex-direction:column}.sidebar .brand{margin:0 10px 58px}.side-label{margin:0 15px 14px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;color:#aab0ac;font-weight:600;border-radius:10px;padding:13px 14px}.nav-item:hover,.nav-item.active{background:#292f1b;color:var(--yellow)}.nav-dot{height:6px;width:6px;border:1px solid #646a5b;border-radius:50%}.active .nav-dot{background:var(--yellow);border-color:var(--yellow)}.side-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0}.profile-circle{display:grid;place-items:center;border-radius:11px;width:38px;height:38px;background:#3d4621;color:var(--yellow);font-weight:700}.side-bottom strong,.side-bottom small{display:block}.side-bottom strong{font-size:13px}.side-bottom small{font-size:10px;color:var(--muted)}.main{min-width:0;flex:1}.topbar{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,60px)}.top-actions{display:flex;align-items:center;gap:20px}.top-link{font-size:12px;color:var(--muted)}.ghost-btn{background:transparent;color:#d5d9d4;border:1px solid #434844;padding:9px 14px;border-radius:8px}.ghost-btn:hover{border-color:var(--yellow);color:var(--yellow)}.content{max-width:1480px;margin:auto;padding:45px clamp(22px,4vw,60px) 90px}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.page-intro h1{font-size:clamp(32px,4vw,48px);margin:10px 0 4px;letter-spacing:-.06em}.page-intro p{color:var(--muted);margin:0}.date-pill{background:#1b1e1d;border:1px solid #343a34;border-radius:9px;padding:11px 15px;color:#c2c6c0;font-size:12px;white-space:nowrap}.date-pill span{color:var(--yellow);margin-left:12px}.feature-banner{border:1px solid #444d25;border-radius:16px;background:radial-gradient(circle at 80% 40%,#39431d,transparent 50%),#252d15;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:34px 40px;min-height:265px}.feature-banner .eyebrow{color:#d5e08c}.feature-banner h2{font-size:clamp(30px,3.2vw,44px);line-height:1.05;letter-spacing:-.05em;margin:15px 0}.feature-banner h2 span{color:var(--yellow)}.feature-banner p{color:#b4bfa4;font-size:13px}.text-btn{display:inline-block;color:var(--yellow);font-size:12px;font-weight:700;margin-top:10px}.banner-decor{color:#e9ef5325;font-size:150px;font-family:'Space Grotesk';font-weight:700;letter-spacing:-.18em;transform:rotate(-17deg);margin-right:45px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px}.stat{padding:24px;display:flex;flex-direction:column;gap:4px}.stat span{color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:700}.stat strong{font-family:'Space Grotesk';font-size:44px;line-height:1.25;letter-spacing:-.05em}.stat small{color:var(--yellow);font-size:11px}.stat:hover{border-color:#676f42}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:23px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:10px}.panel-head h3{font-size:20px;margin:5px 0 0;letter-spacing:-.04em}.panel-head a,.panel-head .count{color:var(--yellow);font-size:11px;font-weight:700}.panel-head .count{color:var(--muted)}.mini-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #292e2a}.mini-item div:first-child{flex:1}.mini-item strong,.mini-item small{display:block;font-size:13px}.mini-item small{color:var(--muted);font-size:11px;margin-top:3px}.mini-item>span{color:var(--yellow)}.mini-task-dot{width:14px;height:14px;border:1px solid #69705f;border-radius:5px;flex:none!important}.panel-add{color:var(--yellow);font-weight:700;font-size:12px;display:inline-block;margin-top:15px}.empty{padding:38px 0;color:var(--muted);font-size:13px;line-height:1.7}.editor-layout{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(300px,1.12fr);align-items:start;gap:18px}.panel textarea{resize:vertical}.check-label{display:flex!important;align-items:center;gap:9px;margin:18px 0!important}.check-label input{accent-color:var(--yellow)}.editor .btn,.panel form>.btn.full{margin-top:10px}.search-form{display:flex;gap:8px}.search-form input{flex:1;min-width:0}.search-form button{background:#30352d;color:#fff;border:0;border-radius:8px;padding:0 14px}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0 20px}.filter{font-size:10px;color:#b2b8b2;border:1px solid #383e37;border-radius:6px;padding:6px 9px}.filter.selected{background:var(--yellow);border-color:var(--yellow);color:#111;font-weight:700}.note{padding:18px 0;border-top:1px solid #313630}.note-meta{display:flex;justify-content:space-between;gap:8px;color:var(--yellow);font-size:10px}.note-meta span:last-child{color:var(--muted)}.note h4{margin:8px 0;font-size:16px}.note p{font-size:12px;color:#a7aea7;white-space:pre-wrap;overflow-wrap:anywhere}.note-actions,.goal-actions{display:flex;gap:15px;align-items:center}.note-actions a,.note-actions button,.goal-actions button,.delete-btn{background:none;border:0;padding:0;font-size:11px;color:var(--yellow);font-weight:700}.note-actions button,.goal-actions form:last-child button,.delete-btn{color:#d99a9a}.narrow{max-width:900px}.task-add{display:flex;gap:9px;align-items:center}.task-add input{flex:1;min-width:0}.task-add select{max-width:150px}.task-row{display:flex;align-items:center;gap:13px;border-top:1px solid #303530;padding:15px 0}.task-check{width:22px;height:22px;display:grid;place-items:center;border:1px solid #737c66;border-radius:6px;background:transparent;color:#111}.task-row.done .task-check{background:var(--yellow);border-color:var(--yellow)}.task-row.done .task-info strong{text-decoration:line-through;color:#757c76}.task-info{flex:1;min-width:0}.task-info strong,.task-info small{display:block}.task-info strong{font-size:13px;overflow-wrap:anywhere}.task-info small{color:var(--muted);font-size:10px}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.goal-grid .panel{min-width:0}.goal{border-top:1px solid #363b33;padding:18px 0}.goal-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.goal-top strong{font-size:14px;overflow-wrap:anywhere}.goal-top span{font-size:9px;color:var(--yellow)}.goal p{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.goal.done strong{text-decoration:line-through;color:var(--muted)}@media(max-width:1000px){.sidebar{flex-basis:205px}.editor-layout,.goal-grid{grid-template-columns:1fr}.hero-grid{gap:20px}.hero-art{min-height:390px}.public-cards{grid-template-columns:1fr}.public-cards h3{margin-top:20px}}@media(max-width:720px){.public-header{height:80px;padding:0 22px}.public-header nav{gap:10px}.public-header nav>a:not(.small-outline){display:none}.hero-grid{grid-template-columns:1fr;padding:65px 22px 35px}.hero h1{font-size:clamp(55px,12vw,82px)}.hero-art{min-height:330px}.orb{height:175px;width:175px}.orb span{font-size:72px}.mini-line{margin-top:45px}.public-section{padding:65px 22px;grid-template-columns:1fr;gap:25px}.public-footer{padding:25px 22px;gap:15px;flex-wrap:wrap}.login-layout{grid-template-columns:1fr}.login-visual{min-height:245px;padding:25px}.login-visual h1{font-size:48px;margin:15px 0}.login-visual p,.login-visual small{display:none}.login-panel{padding:55px 23px}.sidebar{position:relative;min-height:auto;height:auto;flex:0 0 auto;padding:12px 18px;display:block}.sidebar .brand{margin:0 0 15px}.side-label,.side-bottom{display:none}.sidebar nav{display:flex;gap:4px;overflow-x:auto}.nav-item{flex:none;padding:10px 12px;font-size:12px}.layout{display:block}.topbar{height:60px;padding:0 20px}.topbar>.eyebrow{display:none}.content{padding:28px 18px 65px}.page-intro{align-items:start}.page-intro h1{font-size:33px}.date-pill{display:none}.feature-banner{padding:25px}.banner-decor{display:none}.stats{gap:8px}.stat{padding:16px 12px}.stat span{font-size:8px}.stat strong{font-size:32px}.stat small{font-size:9px}.panel-grid{grid-template-columns:1fr}.panel{padding:19px}.task-add{flex-wrap:wrap}.task-add input{flex-basis:100%}.task-add select{flex:1}.task-add .btn{flex:1}.setup-box{margin:15px;padding:22px}}