:root{--bg:#faf9f6;--surface:#fff;--ink:#28372e;--muted:#858b82;--line:#e9e9e1;--green:#315740;--accent:#f5ad81;--soft:#f1f3ec;--shadow:0 12px 40px #24392b09;--peach:#f6e3d4;--lavender:#e9e5f1;--sage:#e5ecdf;--blue:#e1ebf1;--pink:#f3e3e5;--sand:#eee9da;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;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{cursor:pointer;color:inherit}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.48;cursor:default}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}button{letter-spacing:inherit}.icon{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-btn{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.icon-btn:hover{background:var(--soft)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.12em;line-height:1.6;color:var(--muted);text-transform:uppercase}.subtle{font-size:12px;color:var(--muted);line-height:1.7}.peach{background:var(--peach);--art:#a75e37;--artlight:#d99b74;--artsun:#e5ac5b}.lavender{background:var(--lavender);--art:#72648e;--artlight:#aaa0bd;--artsun:#d4b7df}.sage{background:var(--sage);--art:#456346;--artlight:#8da37d;--artsun:#d4b976}.blue{background:var(--blue);--art:#416c83;--artlight:#91b0be;--artsun:#d2b473}.pink{background:var(--pink);--art:#a65c71;--artlight:#d4a5ab;--artsun:#e6bb7a}.sand{background:var(--sand);--art:#847749;--artlight:#b0a47e;--artsun:#cfb177}.primary-btn,.outline-btn,.dark-btn,.danger-btn{min-height:43px;padding:0 19px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.primary-btn{background:var(--green);color:#fff}.primary-btn:hover{background:#254532;transform:translateY(-1px)}.outline-btn{background:var(--surface);border:1px solid var(--line)}.outline-btn:hover{background:var(--soft)}.dark-btn{background:#2f4034;color:#fff;min-height:48px;padding:0 19px}.danger-btn{color:#fff;background:#ad4c45}.text-btn{display:inline-flex;align-items:center;gap:9px;padding:5px 0;font-size:12px;font-weight:550}.text-btn:hover{color:var(--green)}.text-btn .icon{width:16px;height:16px}.button-divider{height:16px;width:1px;background:#fff4;margin:0 1px}.dark-btn>span:last-child{font-size:10px;font-weight:400;color:#d4ddcf}.skip-link{position:fixed;top:-100px;left:10px;padding:12px 20px;background:var(--green);color:#fff;z-index:1000}.skip-link:focus{top:10px}.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}
.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:37px 22px 0;z-index:15}.brand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:650;letter-spacing:-1.1px}.brand-icon{width:32px;height:34px;color:var(--green)}.brand-icon svg{width:100%;height:100%}.brand-dot{color:#dc9873}.sidebar-tagline{font-size:10px;color:var(--muted);margin:8px 0 33px 40px;white-space:nowrap}.primary-nav{display:flex;flex-direction:column;gap:7px}.primary-nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;font-size:12px;color:#7b8178;border-radius:8px;font-weight:500}.primary-nav a.active{background:#ecf0e7;color:#37523a;font-weight:650}.primary-nav a:hover{background:var(--soft)}.primary-nav .icon{width:18px;height:18px}.nav-count{margin-left:auto;font-size:10px;color:#8c9a86}.sidebar-collections{margin-top:36px;padding:0 13px}.sidebar-collections .eyebrow{font-size:8px;letter-spacing:.1em;gap:2px}.sidebar-collections .icon-btn{width:24px;height:24px}.sidebar-collections .icon{width:14px;height:14px}.collection-link{display:flex;align-items:center;gap:11px;width:100%;padding:12px 0;text-align:left;font-size:10px;color:#737c6d}.collection-link>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.collection-link.active{color:var(--green);font-weight:650}.collection-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0;border:1px solid #00000010}.collection-dot.sage{background:#a9bc91}.collection-dot.lavender{background:#b6a9cb}.collection-dot.peach{background:#e8b392}.collection-dot.blue{background:#8fbbd3}.collection-dot.pink{background:#d4a2ae}.collection-dot.sand{background:#c4b68c}.sidebar-bottom{margin-top:auto;padding:32px 0 0}.grow-note{background:#f4f5ee;border-radius:10px;padding:17px 17px 12px}.tiny-leaf{color:#91a17e;display:block;margin-bottom:11px}.grow-note strong{font-size:12px;font-weight:550}.grow-note p{font-size:10px;line-height:1.7;color:#929789;margin-top:6px}.grow-note .text-btn{margin-top:12px;font-size:10px;justify-content:space-between;width:100%}.sidebar-tools{display:flex;align-items:center;justify-content:space-between;margin:22px 3px 16px}.sidebar-tools>button:first-child{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.sidebar-tools .icon{width:17px;height:17px}.app-shell{margin-left:230px;min-height:100vh}.topbar{height:89px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;gap:18px;background:var(--bg)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;white-space:nowrap;color:var(--muted)}.breadcrumb #breadcrumb-view{color:var(--ink)}.breadcrumb-dot{color:#c8cabc}.topbar-actions{display:flex;align-items:center;gap:17px}.search-box{display:flex;align-items:center;gap:8px;width:260px;height:37px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#a0a399}.search-box .icon{width:16px;height:16px}.search-box input{min-width:0;border:0;background:none;font-size:10px;outline:none;width:100%;color:var(--ink)}.search-box input::placeholder{color:#a0a399}.search-box kbd{font-size:9px;border:1px solid var(--line);border-radius:3px;padding:0 4px;color:#9b9e92}.create-top{min-height:37px;font-size:10px;padding:0 13px}.create-top .icon{width:15px;height:15px}.avatar{border:1px solid #d6dfcf;border-radius:50%;height:33px;width:33px;background:var(--sage);color:#55714b;font-size:11px;font-weight:650;flex-shrink:0}#content{padding:37px 43px 30px;max-width:1430px;margin:0 auto;outline:none}.welcome{display:flex;justify-content:space-between;margin-bottom:27px}.today-date{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.12em}.today-date .icon{height:13px;width:13px;color:#b9a171}.welcome h1,.page-heading h1{font-size:33px;line-height:1.3;letter-spacing:-1.35px;margin-top:8px}.welcome p,.page-heading>p,.page-heading>div>p{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.8}.topic-pills{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:1px 1px 5px;margin-bottom:24px;scrollbar-width:none}.topic-pills::-webkit-scrollbar{display:none}.pill{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:9px 16px;white-space:nowrap;font-size:10px;transition:background .15s}.pill .icon{width:12px;height:12px}.pill.active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.pill:not(.active):hover{background:var(--soft)}.daily-row{display:grid;grid-template-columns:minmax(0,1fr) 251px;gap:23px;margin-bottom:39px}.daily-feature{border-radius:13px;min-height:303px;overflow:hidden;position:relative;display:flex}.hero-text{position:relative;padding:28px 30px 28px;z-index:2;width:62%}.hero-text .eyebrow{font-size:8px;letter-spacing:.12em;display:flex;align-items:center;gap:8px;color:#a37659}.hero-text .eyebrow .icon{width:13px;height:13px}.hero-text h2{font-family:Georgia,"Times New Roman",serif;font-size:44px;font-weight:400;letter-spacing:-1.9px;line-height:1.13;margin:15px 0 13px;color:#3c4537}.hero-text h2 em{font-style:italic;color:#8e9d6a}.hero-text p{font-size:10px;line-height:1.9;color:#93836f}.hero-text .dark-btn{margin-top:20px;min-height:39px;font-size:10px;gap:12px}.hero-text .dark-btn .icon{width:15px;height:15px}.hero-art{position:absolute;right:0;bottom:0;width:50%;height:100%}.hero-art>.guide-art{position:absolute;bottom:23px;right:5px;width:235px;height:235px;transform:rotate(-5deg)}.hero-orbit{position:absolute;height:260px;width:260px;border:1px solid #dfc5ab;border-radius:50%;top:37px;right:-47px;transform:rotate(23deg)}.hero-orbit:after{content:"";position:absolute;inset:18px -20px;border:1px solid #dfc5ab;border-radius:50%;transform:rotate(-40deg)}.floating-idea{position:absolute;top:35px;right:49px;padding:13px 20px 14px;background:#fff8ee;box-shadow:3px 7px 13px #8c654d10;transform:rotate(9deg);font-family:Georgia,serif;font-size:14px;line-height:1.6;color:#9a8a72;border-radius:4px}.floating-idea strong{font-weight:400;color:#4d5a3d}.hero-spark{position:absolute;width:25px;height:25px;right:17px;bottom:39px;color:#ba8e62}.guide-art{width:100%;height:100%;color:var(--art,#456346)}.art-fill{fill:var(--art,#456346)}.art-fill-light{fill:var(--artlight,#8da37d)}.art-sun{fill:var(--artsun,#e5ac5b)}.art-line,.art-outline,.art-maze,.art-wave{fill:none;stroke:var(--art,#456346);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.art-line.thin{stroke-width:1.6;stroke:#efede1}.art-outline{stroke-width:1.8}.art-maze{stroke-width:12}.art-wave{stroke-width:8}.art-paper{stroke:#fff5e3;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.art-shadow{fill:#8a805e;opacity:.13}.growth-card{border:1px solid var(--line);border-radius:13px;padding:20px 22px;background:var(--surface)}.growth-card h3{font-size:12px;letter-spacing:-.2px}.growth-card .icon-btn{height:22px;width:22px}.growth-card .icon-btn .icon{width:16px;height:16px}.growth-progress{display:flex;align-items:center;position:relative;height:105px;gap:15px}.growth-progress>svg{height:84px;width:84px;transform:rotate(-90deg)}.ring-bg{stroke:#eff0e8;fill:none;stroke-width:5}.ring-fill{fill:none;stroke:#879d6d;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .4s}.ring-leaf{position:absolute;left:29px;top:37px;color:#98a881}.ring-leaf .icon{width:28px;height:28px}.growth-progress strong{font-size:28px;font-weight:500;letter-spacing:-1px}.growth-progress small{font-size:15px;color:#a1a594;letter-spacing:0;font-weight:400}.growth-progress>div>span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.week{display:flex;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid var(--line)}.week-day{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:8px;color:#b1b4a8}.week-day.is-today{color:var(--green)}.day-dot{width:20px;height:20px;border-radius:50%;background:#f4f4ee;display:flex;align-items:center;justify-content:center}.day-dot.done{background:#d8e2cd;color:#4f7040}.day-dot .icon{width:12px;height:12px}.inner-dot{width:5px;height:5px;background:#bcc9ad;border-radius:50%}.is-today .day-dot{outline:1px solid #cad4c1;outline-offset:2px}.streak-line{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:10px}.streak-line strong{font-weight:550}.streak-line .icon{width:15px;height:15px;color:#d79a69}.growth-card>p{font-size:9px;color:#a1a392;line-height:1.8;margin-top:6px}.content-section{margin-top:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.section-heading .eyebrow{font-size:8px;letter-spacing:.11em}.section-heading h2{font-size:20px;letter-spacing:-.6px;margin-top:6px}.section-heading>.text-btn{font-size:10px;align-self:flex-end;padding-bottom:3px}.section-heading>.text-btn .icon{height:14px;width:14px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.guide-cover{height:196px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:13px 15px}.cover-top{display:flex;justify-content:space-between;width:100%;font-size:6px;font-weight:600;letter-spacing:.11em;color:var(--art);opacity:.8}.cover-top>span{font-size:7px}.guide-cover>.guide-art{height:153px;width:169px;margin-top:3px}.cover-label{font-size:5px;letter-spacing:.2em;color:var(--art);opacity:.75}.guide-info{padding:17px 18px 11px}.card-topic{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;font-size:7px;color:#9a9e8c;margin-bottom:8px}.card-topic .icon{height:12px;width:12px;color:#839f6d}.guide-title{font-family:Georgia,serif;letter-spacing:-.5px;font-size:23px;text-align:left;line-height:1.17;padding:0;min-height:54px;display:block}.guide-title:hover{color:var(--green)}.guide-info>p{font-size:9px;color:var(--muted);line-height:1.65;min-height:30px;margin-top:9px}.card-meta{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:6px}.card-meta>span{font-size:8px;color:#9b9f91;display:flex;align-items:center;gap:6px}.card-meta>span .icon{height:11px;width:11px}.meta-dot{color:#bfc3b6;margin:0 2px}.card-meta .icon-btn{height:27px;width:27px;color:#939b88}.card-meta .icon-btn .icon{width:15px;height:15px}.mini-progress{height:2px;background:var(--line);margin:4px -18px -11px}.mini-progress>span{display:block;height:100%;background:#8ea77b}.progress-1{width:25%}.progress-2{width:50%}.progress-3{width:75%}.progress-4{width:100%}.quiet-callout{border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:16px;padding:22px;margin:32px 0;background:var(--surface)}.callout-icon{width:39px;height:39px;border-radius:50%;background:var(--soft);color:#8b9b79;display:flex;align-items:center;justify-content:center;flex-shrink:0}.callout-icon .icon{height:18px;width:18px}.quiet-callout h3{font-size:13px;font-weight:550;letter-spacing:-.3px}.quiet-callout p{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.6}.quiet-callout .outline-btn{margin-left:auto;font-size:10px;min-height:34px}.quiet-callout .outline-btn .icon{width:14px;height:14px}.saved-empty{border:1px dashed #d9ded1;border-radius:12px;padding:25px;display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.saved-empty .icon{color:#a6b49a;height:22px;width:22px}.app-footer{max-width:1430px;margin:0 auto;padding:18px 43px 27px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a7aa9d}.app-footer>span:last-child{display:flex;align-items:center;gap:5px}.status-dot{height:4px;width:4px;border-radius:50%;background:#9ab187}.page-heading{margin-bottom:29px}.page-heading>.eyebrow{font-size:9px}.page-heading.row-between h1{margin-top:7px}.page-heading .outline-btn{font-size:11px}.page-heading.row-between .primary-btn{font-size:11px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:8px 0 23px}.tabs button{padding:14px 1px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{border-color:var(--green);color:var(--green)}.tabs .icon{width:15px;height:15px}.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.idea-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 21px 10px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s}.idea-card:hover{box-shadow:var(--shadow)}.topic-tag{font-size:8px;padding:6px 9px;border-radius:4px;color:var(--art)}.idea-card-title{font-family:Georgia,serif;text-align:left;font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:16px 0 13px;padding:0}.idea-card-title:hover{color:var(--green)}.idea-excerpt{font-size:11px;color:#8a9085;line-height:1.9;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:21px}.idea-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid var(--line);margin-top:auto;padding-top:5px}.idea-bottom>span{font-size:8px;color:#9da18f;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idea-bottom .icon{height:15px;width:15px}.is-saved{color:var(--green)}.is-saved .icon path{fill:#31574017}.note-snippet{display:flex;gap:7px;font-size:9px;line-height:1.6;color:var(--green);background:var(--soft);padding:10px;border-radius:5px;margin-bottom:15px}.note-snippet .icon{width:12px;height:12px}.note-snippet>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:430px;margin:30px auto;padding:30px 0}.empty-plant{height:170px;width:170px;--art:#718360;--artlight:#adb998;--artsun:#d6be92}.empty-state h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:10px 0}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8;margin:6px 0 24px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:7px 0 36px}.topic-card{border-radius:12px;padding:20px}.topic-title{text-align:left;padding:0}.topic-title>.icon{width:24px;height:24px;color:var(--art)}.topic-title h3{font-size:17px;margin:17px 0 8px}.topic-title p{font-size:10px;line-height:1.8;opacity:.6;min-height:36px}.follow-btn{border:1px solid #00000018;border-radius:20px;font-size:9px;display:flex;align-items:center;gap:5px;padding:5px 10px;margin-top:17px}.follow-btn .icon{height:12px;width:12px}.section-gap{margin-top:40px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.collection-card{text-align:left;padding:21px;border-radius:12px;min-height:320px;transition:transform .2s}.collection-card:hover{transform:translateY(-3px)}.collection-number{font-size:7px;letter-spacing:.12em;color:var(--art)}.collection-card>.guide-art{display:block;height:190px;width:100%;padding:7px 15px}.collection-card h2{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.8px;margin-top:10px;overflow-wrap:anywhere}.collection-card>div{margin-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;opacity:.7}.collection-card>div .icon{height:17px;width:17px}.new-collection-card{min-height:320px;border:1px dashed #d6dccb;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#919c83}.new-collection-card>span{height:45px;width:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);margin-bottom:20px}.new-collection-card h3{font-family:Georgia,serif;font-size:23px;font-weight:400}.new-collection-card p{font-size:10px;margin-top:12px}.collection-toolbar{display:flex;justify-content:space-between;gap:20px;margin:20px 0}.danger{color:#b07567}.loading-state{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:12px;color:var(--muted)}.loading-leaf .icon{height:36px;width:36px;color:#8da37d;animation:sway 1.5s ease-in-out infinite alternate}@keyframes sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.offline-banner{padding:10px 30px;background:var(--sand);font-size:11px;text-align:center;color:#7d704f}.offline-banner[hidden]{display:none}
dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 52px);overflow:auto;box-shadow:0 20px 100px #13271926}dialog::backdrop{background:#15271b62;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-bottom:23px}.modal-header .eyebrow{font-size:8px;display:block;margin-bottom:6px}.modal-header h2{font-size:24px;letter-spacing:-.8px;line-height:1.25}.modal-intro{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:22px}.modal-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;margin-top:23px}.modal-footer>span{font-size:10px;line-height:1.7;color:var(--muted)}form label{display:block;font-size:11px;font-weight:550;margin-top:17px;color:var(--ink)}input,textarea,select{border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:11px 12px;color:var(--ink);width:100%;font-size:12px;display:block;margin-top:8px;line-height:1.5}input::placeholder,textarea::placeholder{color:#a3a899;font-size:11px}input:focus,textarea:focus,select:focus{outline:1px solid #91a47f;border-color:#91a47f;outline-offset:0}textarea{resize:vertical;min-height:70px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-help{font-size:10px;color:var(--muted);line-height:1.8;margin-top:12px}fieldset{border:0;margin:23px 0 0;padding:0}legend{font-size:11px;font-weight:550;margin-bottom:14px}.color-picker{display:flex;gap:12px}.color-option{position:relative;height:30px;width:30px;border-radius:50%;margin:0}.color-option input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.color-option>span:first-of-type{display:none}.color-option:has(input:checked)>span:first-of-type{display:flex;height:100%;width:100%;align-items:center;justify-content:center;color:#68705c}.color-option:has(input:focus-visible){outline:2px solid var(--green);outline-offset:3px}.color-option .icon{height:16px;width:16px}.interest-picker{display:flex;gap:8px;flex-wrap:wrap}.interest-picker label{margin:0;position:relative}.interest-picker input{position:absolute;opacity:0;width:0}.interest-picker span{display:block;padding:8px 13px;border:1px solid var(--line);border-radius:20px;font-size:10px;font-weight:400}.interest-picker input:checked+span{background:var(--sage);border-color:#b8c7aa;color:#456346}.interest-picker input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}.settings-section{padding-top:23px;margin-top:23px;border-top:1px solid var(--line)}.settings-section h3{font-size:15px;letter-spacing:-.3px;margin-bottom:10px}.settings-section p{font-size:11px;color:var(--muted);line-height:1.8}.settings-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.settings-buttons .outline-btn{font-size:10px;min-height:37px}.collection-choices{display:flex;flex-direction:column;gap:9px}.collection-choice{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:9px;padding:15px;text-align:left;font-size:12px}.collection-choice>span:nth-child(2){flex:1}.checkbox{width:20px;height:20px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center}.checkbox.checked{background:var(--green);color:#fff;border-color:var(--green)}.checkbox .icon{height:14px;width:14px}.info-note{display:flex;align-items:flex-start;gap:12px;background:var(--soft);border-radius:9px;padding:15px;margin:18px 0;font-size:11px;line-height:1.8;color:#818b74}.info-note .icon{width:17px;height:17px;margin-top:2px}.source-mode{display:flex;gap:9px;margin-top:20px}.access-form{padding-bottom:20px;border-bottom:1px solid var(--line)}.access-form>p{font-size:11px;color:var(--muted);margin-top:15px}.input-action{display:flex;gap:9px;margin-top:10px}.input-action input{margin:0;min-width:0}.input-action .outline-btn{font-size:10px}.access-active{font-size:11px;color:var(--green);display:flex;align-items:center;gap:8px;margin:23px 0}.access-active .icon{height:16px;width:16px}.preview-list{display:flex;flex-direction:column;gap:13px;max-height:52vh;overflow:auto}.preview-card{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);padding:16px;border-radius:9px;cursor:pointer;font-size:12px}.preview-card>input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--green);flex-shrink:0}.preview-card strong{font-family:Georgia,serif;font-size:20px;letter-spacing:-.4px;font-weight:400}.preview-card p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:9px}.preview-card small{display:block;margin-top:12px;font-size:10px;color:var(--green)}.reader-modal{width:min(740px,calc(100% - 28px));padding:0;border-radius:16px}.reader-top{display:flex;justify-content:space-between;align-items:center;padding:17px 24px}.reader-brand{display:flex;gap:6px;align-items:center;font-size:16px;font-weight:600;letter-spacing:-.6px}.reader-brand .icon{height:21px;width:21px;color:#81966d}.reader-progress{display:flex;gap:5px;padding:0 24px}.reader-progress>span{height:3px;border-radius:3px;background:var(--line);flex:1}.reader-progress>span.filled{background:#9bb38b}.reader-body{padding:28px 57px 18px}.reader-category{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#a1a691;letter-spacing:.08em;text-transform:uppercase}.reader-category>span{font-size:8px}.reader-body h1{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.17;letter-spacing:-1.4px;margin:22px 0}.reader-text{font-size:16px;line-height:1.95;color:#788271;white-space:pre-wrap;overflow-wrap:anywhere}.try-card{padding:20px 23px;border-radius:10px;margin-top:26px;color:var(--art)}.try-card>span{display:flex;gap:7px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.try-card .icon{height:15px;width:15px}.try-card>p{font-family:Georgia,serif;font-size:18px;line-height:1.65;margin-top:12px}.reader-source{font-size:9px;display:flex;gap:7px;align-items:center;color:#a5ac99;margin:21px 0}.reader-source>.icon{height:12px;width:12px}.reader-source a{display:flex;align-items:center;gap:6px}.reader-source a .icon{height:11px;width:11px}.reader-tools{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.tool-btn{display:flex;gap:6px;align-items:center;padding:6px 8px;font-size:10px;color:#8c9880;border-radius:5px}.tool-btn .icon{height:15px;width:15px}.tool-btn:hover,.tool-btn.active{background:var(--soft);color:var(--green)}.reader-notes{font-size:11px;color:#919b84;margin-top:19px}.reader-notes summary{cursor:pointer;display:flex;align-items:center;gap:9px;list-style:none}.reader-notes summary:after{content:'+';margin-left:auto}.reader-notes[open] summary:after{content:'−'}.reader-notes summary .icon{height:14px;width:14px}.reader-notes form .outline-btn{font-size:10px;min-height:34px;margin-top:10px}.reader-small-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:19px}.reader-small-actions .text-btn{font-size:9px;color:#9aa38d}.reader-small-actions .icon{width:13px;height:13px}.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:17px 25px;background:var(--surface);position:sticky;bottom:0}.reader-bottom>span{font-size:11px;color:var(--muted)}.reader-bottom .primary-btn{font-size:11px;min-height:39px}.completion{display:flex;align-items:center;flex-direction:column;text-align:center;padding:5px 20px 20px}.completion>.guide-art{height:180px;width:210px;--art:#56784e;--artlight:#a0b68b;--artsun:#d6b573}.completion h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin-top:15px}.completion p{font-size:12px;line-height:1.8;color:var(--muted);margin:15px 0}.completion-count{font-size:11px;color:var(--green);display:flex;align-items:center;gap:7px;margin:0 0 25px}.completion-count .icon{height:15px;width:15px}.chat-answer{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border-radius:10px;background:var(--soft);margin-top:20px}.toast{position:fixed;bottom:28px;left:calc(50% + 115px);transform:translateX(-50%);background:#304334;color:#f5f6f1;box-shadow:0 6px 30px #15271b25;border:1px solid #ffffff15;border-radius:10px;max-width:calc(100% - 30px);padding:15px 22px;font-size:12px;line-height:1.6;z-index:100;pointer-events:none}.toast[hidden]{display:none}.mobile-nav{display:none}
[data-theme=dark]{--bg:#1c251f;--surface:#222e26;--ink:#e4e9dc;--muted:#9ba693;--line:#354137;--green:#87a879;--soft:#2e3c2e;--shadow:0 15px 40px #0002;--peach:#554538;--lavender:#46404f;--sage:#3e4b37;--blue:#344952;--pink:#503d42;--sand:#4b4739;color-scheme:dark}[data-theme=dark] .primary-btn{color:#172b18}[data-theme=dark] .primary-nav a.active{background:#344631;color:#bacaaa}[data-theme=dark] .grow-note{background:#2b382a}[data-theme=dark] .hero-text h2{color:#e4dece}[data-theme=dark] .hero-text h2 em{color:#b3c18d}[data-theme=dark] .hero-text p{color:#baab97}[data-theme=dark] .hero-text .eyebrow{color:#cbb293}[data-theme=dark] .day-dot{background:#30402d}[data-theme=dark] .peach{--art:#e0b390;--artlight:#a67d58}[data-theme=dark] .sage{--art:#a0b68b;--artlight:#617d50}[data-theme=dark] .lavender{--art:#c2aedb;--artlight:#8d7ba5}[data-theme=dark] .blue{--art:#b0c9d7;--artlight:#779aaa}[data-theme=dark] .pink{--art:#dab1bc;--artlight:#a67783}[data-theme=dark] .sand{--art:#d0c49d;--artlight:#a69972}[data-theme=dark] .reader-text{color:#b5bfa9}[data-theme=dark] .idea-excerpt{color:#a3b098}[data-theme=dark] .pill.active{color:#233022}[data-theme=dark] .primary-btn:hover{background:#a0b992}[data-theme=dark] .ring-bg{stroke:#394934}[data-theme=dark] .interest-picker input:checked+span{color:#c4d9b2}
@media(min-width:1500px){.sidebar{width:250px;padding-left:28px;padding-right:28px}.app-shell{margin-left:250px}.topbar{padding:0 55px}#content{padding-left:55px;padding-right:55px}.hero-text h2{font-size:52px}.daily-feature{min-height:335px}.hero-art>.guide-art{height:270px;width:270px}.growth-card{padding:24px}.growth-progress{height:121px}.guide-cover{height:225px}.guide-cover>.guide-art{height:177px;width:190px}.guide-title{font-size:27px;min-height:65px}.guide-info{padding:20px 22px 13px}.mini-progress{margin-left:-22px;margin-right:-22px;margin-bottom:-13px}.toast{left:calc(50% + 125px)}}
@media(max-width:1180px){.sidebar{width:200px;padding:28px 16px 0}.brand{font-size:20px;gap:5px}.brand-icon{width:28px;height:29px}.sidebar-tagline{font-size:8px;margin-left:34px}.app-shell{margin-left:200px}.topbar{padding:0 27px}.breadcrumb #breadcrumb{display:none}.breadcrumb .breadcrumb-dot{display:none}.topbar-actions{gap:12px}.search-box{width:225px}#content{padding:29px 27px}.daily-row{grid-template-columns:minmax(0,1fr) 220px;gap:17px}.hero-text{padding-left:24px}.hero-text h2{font-size:38px}.hero-art>.guide-art{width:190px;height:190px;right:-3px;bottom:30px}.floating-idea{right:26px;top:39px;font-size:12px}.growth-card{padding:20px 17px}.growth-progress{gap:10px}.guide-grid,.idea-grid{gap:17px}.guide-title{font-size:21px}.guide-cover{height:178px}.guide-cover>.guide-art{height:137px;width:153px}.guide-info{padding:16px 15px 9px}.mini-progress{margin-left:-15px;margin-right:-15px;margin-bottom:-9px}.card-meta>span{font-size:7px}.idea-card{padding:15px 16px 9px}.topic-card{padding:17px}.collection-grid{gap:17px}.app-footer{padding:18px 27px 25px}.toast{left:calc(50% + 100px)}}
@media(max-width:960px){.sidebar{width:180px;padding-left:13px;padding-right:13px}.brand{font-size:18px}.brand-icon{width:25px;height:27px}.sidebar-tagline{font-size:7px;margin-left:31px}.app-shell{margin-left:180px}.primary-nav a{padding:11px 12px;font-size:11px;gap:11px}.sidebar-collections{padding:0 10px}.sidebar-collections .eyebrow{font-size:7px}.grow-note{padding:15px 12px}.topbar{height:73px;padding:0 24px}.breadcrumb{display:none}.topbar-actions{width:100%;justify-content:space-between}.search-box{flex:1;width:auto}.daily-row{grid-template-columns:1fr}.daily-feature{min-height:286px}.growth-card{display:none}.hero-text h2{font-size:45px}.hero-art{width:45%}.hero-art>.guide-art{width:230px;height:230px;bottom:15px;right:15px}.floating-idea{right:46px;top:29px}.guide-grid,.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-title{font-size:24px}.guide-cover{height:192px}.guide-cover>.guide-art{height:150px;width:166px}.guide-info>p{font-size:10px}.quiet-callout{padding:18px}.quiet-callout .outline-btn{padding:0 11px}.quiet-callout p{font-size:9px}.topic-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome h1,.page-heading h1{font-size:29px}.toast{left:calc(50% + 90px)}}
@media(max-width:700px){.sidebar{display:none}.app-shell{margin-left:0}.topbar{height:71px;padding:0 21px;position:sticky;top:0;z-index:10;background:var(--bg)}.topbar-actions{gap:12px}.search-box{height:36px;max-width:100%}.create-top{display:none}.avatar{width:32px;height:32px}.search-box input{font-size:11px}#content{padding:27px 21px 22px}.welcome{margin-bottom:24px}.welcome h1,.page-heading h1{font-size:29px;letter-spacing:-1.1px;margin-top:9px}.welcome p{font-size:10px;max-width:300px;line-height:1.8}.today-date{font-size:8px}.topic-pills{gap:7px;margin-bottom:20px}.pill{font-size:10px;padding:8px 14px}.daily-row{margin-bottom:30px}.daily-feature{min-height:295px;border-radius:12px}.hero-text{padding:26px 23px;width:65%}.hero-text h2{font-size:43px;letter-spacing:-1.9px}.hero-art{width:43%}.hero-art>.guide-art{right:-31px;bottom:27px;width:204px;height:204px}.hero-orbit{height:220px;width:220px;right:-80px;top:52px}.floating-idea{right:24px;top:38px;font-size:11px;padding:10px 13px}.hero-spark{right:10px;bottom:31px;width:20px;height:20px}.hero-text .eyebrow{font-size:7px}.hero-text p{font-size:9px}.hero-text .dark-btn{font-size:9px;gap:9px;padding:0 13px}.hero-text .dark-btn .button-divider{display:none}.hero-text .dark-btn>span:last-child{display:none}.hero-text .dark-btn .icon{width:14px;height:14px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:20px}.section-heading .eyebrow{font-size:6.5px}.section-heading>.text-btn{font-size:9px;gap:5px}.section-heading>.text-btn .icon{height:12px;width:12px}.guide-grid,.idea-grid{gap:14px}.guide-cover{height:160px;padding:11px}.cover-top{font-size:5px;letter-spacing:.08em}.cover-top>span{font-size:6px}.guide-cover>.guide-art{height:123px;width:135px;max-width:100%}.cover-label{font-size:4px;letter-spacing:.1em}.guide-info{padding:14px 12px 9px}.card-topic{font-size:6px;letter-spacing:.07em;margin-bottom:9px}.guide-title{font-size:21px;min-height:50px;letter-spacing:-.5px}.guide-info>p{font-size:8px;line-height:1.8;min-height:30px}.card-meta{margin-top:11px}.card-meta>span{font-size:6px;gap:4px}.card-meta>span .icon{width:9px;height:9px}.card-meta .icon-btn{width:21px;height:23px}.card-meta .icon-btn .icon{width:12px;height:12px}.meta-dot{margin:0}.mini-progress{margin-left:-12px;margin-right:-12px;margin-bottom:-9px}.quiet-callout{margin:27px 0;padding:17px;gap:12px;flex-wrap:wrap}.callout-icon{height:33px;width:33px}.quiet-callout>div:nth-child(2){flex:1;min-width:200px}.quiet-callout h3{font-size:12px}.quiet-callout p{font-size:9px}.quiet-callout .outline-btn{margin-left:45px;margin-top:2px;font-size:9px}.saved-empty{padding:22px;font-size:10px;line-height:1.8}.app-footer{padding:20px 21px 105px;font-size:7px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-around;padding:12px 10px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px;color:#a0a794;min-width:50px}.mobile-nav a .icon{width:19px;height:19px}.mobile-nav a.active{color:var(--green)}.mobile-create{background:var(--green);color:var(--surface);width:41px;height:41px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-15px;box-shadow:0 3px 0 var(--surface),0 0 0 5px var(--surface)}.mobile-create .icon{height:20px;width:20px}.toast{left:50%;bottom:93px;font-size:11px;width:max-content;text-align:center;z-index:100}.idea-grid{grid-template-columns:1fr}.idea-card{padding:19px 23px 9px}.idea-card-title{font-size:26px}.idea-excerpt{font-size:12px;-webkit-line-clamp:4}.idea-bottom>span{font-size:9px}.topic-grid{gap:12px}.topic-card{padding:17px}.topic-title h3{font-size:17px;margin-top:13px}.topic-title p{font-size:9px;min-height:49px;line-height:1.75}.follow-btn{font-size:9px;padding:5px 10px}.collection-grid{grid-template-columns:1fr 1fr;gap:14px}.collection-card{padding:15px;min-height:260px}.collection-card>.guide-art{height:150px;padding:8px 0}.collection-number{font-size:6px}.collection-card h2{font-size:22px;line-height:1.2;min-height:48px}.collection-card>div{font-size:8px}.new-collection-card{min-height:260px;padding:15px}.new-collection-card h3{font-size:22px}.new-collection-card p{font-size:9px}.page-heading.row-between{align-items:flex-start;gap:10px}.page-heading.row-between>.outline-btn,.page-heading.row-between>.primary-btn{font-size:0;min-height:33px;width:33px;padding:0;gap:0;border-radius:50%;margin-top:25px}.page-heading.row-between>.outline-btn .icon,.page-heading.row-between>.primary-btn .icon{font-size:0;width:16px;height:16px}.page-heading h1{font-size:29px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:7px}.collection-toolbar .text-btn{font-size:9px}.collection-toolbar .icon{height:12px;width:12px}.tabs{gap:22px}.tabs button{font-size:11px;gap:6px}.tabs .icon{width:13px;height:13px}dialog{padding:23px 21px;max-height:calc(100dvh - 34px);border-radius:13px}.modal-header h2{font-size:23px}.modal-header .eyebrow{font-size:7px}.form-row{gap:12px}.modal-footer>span{font-size:9px;max-width:50%}.modal-footer>.primary-btn,.modal-footer>.outline-btn{font-size:10px;padding:0 13px;min-height:40px}.modal-footer .icon{width:15px;height:15px}.settings-buttons .outline-btn{font-size:10px}.reader-modal{padding:0;max-height:calc(100dvh - 24px);width:calc(100% - 20px)}.reader-body{padding:25px 26px 20px}.reader-top{padding:15px 18px}.reader-progress{padding:0 18px}.reader-body h1{font-size:34px;letter-spacing:-1px;margin:22px 0}.reader-text{font-size:15px;line-height:1.9}.reader-category{font-size:8px}.reader-category>span{font-size:7px}.try-card{padding:18px}.try-card>p{font-size:17px}.reader-tools{gap:4px}.tool-btn{font-size:9px;gap:5px;padding:6px}.tool-btn .icon{width:13px;height:13px}.reader-bottom{padding:14px 18px}.reader-bottom .primary-btn{font-size:10px;padding:0 14px}.reader-bottom>.icon-btn{width:30px}.reader-bottom>span{font-size:10px}.preview-card{padding:14px}.preview-card strong{font-size:20px}.input-action .outline-btn{font-size:10px;padding:0 12px}.topic-tag{font-size:8px}.empty-state h2{font-size:25px}.empty-state p{font-size:11px}.completion h2{font-size:27px}.completion{padding:5px}.offline-banner{font-size:10px;padding:8px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Mindgarden 1.1: an adaptive, mobile-first reading feed. */
:root{--bg:#f7f7fa;--surface:#fff;--ink:#23232e;--muted:#858590;--line:#e8e8ee;--green:#ef634e;--accent:#ef634e;--soft:#f1f1f6;--shadow:0 8px 28px #26233108;--peach:#ffe1d6;--lavender:#e8e1fb;--sage:#e0f0e5;--blue:#e0e9ff;--pink:#f8e1eb;--sand:#f5edd7;color-scheme:light}
[data-theme=dark]{--bg:#15151c;--surface:#202029;--ink:#f2f1f7;--muted:#9a99a9;--line:#34333f;--green:#ff806b;--accent:#ff806b;--soft:#2a2935;--peach:#49302e;--lavender:#393048;--sage:#283c35;--blue:#28364b;--pink:#482e3d;--sand:#413a2a;color-scheme:dark}
[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body[data-view=feed]{height:100dvh;overflow:hidden}button,a{touch-action:manipulation}button{transition:background .18s,color .18s,transform .18s}button:active{transform:scale(.97)}h1,h2,h3{font-family:inherit;font-weight:750}.primary-btn,.outline-btn,.dark-btn,.danger-btn{border-radius:12px;min-height:46px;font-size:13px}.primary-btn{background:var(--green)}.primary-btn:hover{background:#dd513d}.primary-btn:active{transform:scale(.97)}.icon-btn{min-height:40px;min-width:40px;border-radius:12px}.text-btn{font-size:13px}.eyebrow{font-size:10px;letter-spacing:.11em}.subtle{font-size:12px}.mobile-brand,.mobile-search,.close-search{display:none}
.sidebar{width:222px;padding:29px 20px 0;background:var(--surface);border-right:1px solid var(--line)}.brand{font-size:23px;gap:9px;font-weight:800;letter-spacing:-1.15px}.brand-icon{width:32px;height:32px;background:#ef634e;border-radius:9px;color:#fff;padding:3px}.brand-dot{color:var(--accent)}.sidebar-tagline{font-size:10px;margin:10px 0 32px 2px;letter-spacing:0}.primary-nav{gap:6px}.primary-nav a{min-height:48px;font-size:13px;gap:13px;padding:12px 14px;border-radius:12px;color:var(--muted);font-weight:600}.primary-nav a.active{background:#fff0ec;color:#df5c46;font-weight:750}.primary-nav .icon{width:21px;height:21px;stroke-width:1.8}.primary-nav a.active .icon{stroke-width:2.2}.nav-live-dot{display:none;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.primary-nav a.active .nav-live-dot{display:block}.nav-count{font-size:11px;background:var(--soft);padding:3px 7px;border-radius:7px}.sidebar-collections{margin-top:29px;padding:0 13px}.sidebar-collections .eyebrow{font-size:9px;letter-spacing:.07em}.collection-link{font-size:11px;min-height:40px;padding:8px 0}.collection-dot{width:9px;height:9px;border-radius:3px}.sidebar-bottom{padding-top:24px}.grow-note{background:linear-gradient(135deg,#fff0e8,#fce6de);padding:17px;border-radius:14px}.grow-note .tiny-leaf{color:#e77757;margin-bottom:11px}.grow-note strong{font-size:13px;font-weight:750;color:#33303a}.grow-note p{font-size:11px;line-height:1.65;color:#9b7c70}.grow-note .text-btn{font-size:11px;color:#dd634b;font-weight:700}.sidebar-tools{margin-top:22px}.sidebar-tools>button:first-child{min-height:44px;font-size:12px}.app-shell{margin-left:222px;min-height:100dvh}.topbar{height:75px;padding:0 30px;background:var(--surface);gap:18px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;gap:10px}.breadcrumb strong{font-size:12px;font-weight:650}.topbar-actions{gap:13px}.search-box{width:285px;min-height:40px;background:var(--bg);border:0;border-radius:12px;padding:0 12px}.search-box input{font-size:12px}.search-box .icon{width:18px;height:18px}.search-box kbd{font-size:10px;background:var(--surface);padding:2px 6px}.create-top{font-size:11px;min-height:40px;padding:0 14px;border-radius:11px}.header-streak{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:750;min-height:40px;padding:0 9px;color:#ec7857}.header-streak .icon{width:20px;height:20px;fill:#f8b98a33;stroke-width:1.9}.avatar{width:35px;height:35px;background:#e9e2fd;color:#66558b;border:0;font-size:12px;font-weight:750}#content{padding:32px 30px;max-width:1240px}body[data-view=feed] #content{padding:0;max-width:none;height:calc(100dvh - 75px)}body[data-view=feed] .app-footer{display:none}.app-footer{font-size:11px;padding:20px 30px}.page-heading h1{font-size:33px;letter-spacing:-1.2px;font-weight:800}.page-heading>p,.page-heading>div>p{font-size:13px;line-height:1.7}.page-heading{margin-bottom:24px}.offline-banner{position:relative;z-index:20;font-size:12px}body:has(.offline-banner:not([hidden])) .feed-layout{height:calc(100% - 38px)}
.feed-layout{display:grid;grid-template-columns:minmax(0,610px) 260px;grid-template-rows:minmax(0,1fr);gap:28px;max-width:950px;margin:0 auto;padding:0 24px;height:100%;align-items:start}.feed-column{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.feed-controls{flex-shrink:0;background:var(--bg);z-index:3}.feed-tabs{display:flex;align-items:center;gap:24px;height:58px;border-bottom:1px solid var(--line)}.feed-tabs>button:not(.icon-btn){height:100%;position:relative;display:flex;align-items:center;gap:6px;font-size:15px;font-weight:650;padding:0 2px;color:var(--muted);white-space:nowrap}.feed-tabs>button.active{color:var(--ink);font-weight:800}.feed-tabs>button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;border-radius:3px;background:var(--accent)}.feed-tabs>button>.icon{height:15px;width:15px;color:var(--accent)}.feed-tabs>.icon-btn{min-width:34px;min-height:34px;height:34px;width:34px;margin-left:-15px;color:var(--muted)}.feed-tabs>.icon-btn .icon{width:16px;height:16px}.feed-position{margin-left:auto;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.topic-pills{gap:8px;margin-bottom:22px;padding:0 0 5px}.feed-controls .topic-pills{padding:14px 0 13px;margin:0}.pill{min-height:36px;padding:8px 14px;font-size:11px;font-weight:600;background:var(--surface);border-color:var(--line)}.pill.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.pill.active .icon{color:currentColor}.pill .icon{width:14px;height:14px}.idea-stream{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity;overscroll-behavior-y:contain;scrollbar-width:none;padding:2px 0 24px;position:relative;outline:none}.idea-stream::-webkit-scrollbar{display:none}.idea-stream:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:18px}.social-card{display:flex;flex-direction:column;scroll-snap-align:start;border:1px solid var(--line);border-radius:19px;background:var(--surface);overflow:hidden;margin-bottom:18px;box-shadow:0 4px 16px #27233404;min-height:590px;animation:card-appear .28s ease both}.social-source{display:flex;align-items:center;gap:10px;padding:14px 19px 13px;min-height:65px}.source-avatar{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.source-avatar>.icon{width:18px;height:18px;stroke-width:1.8}.social-source>div{min-width:0;flex:1}.social-source strong{font-size:12px;font-weight:700;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.6}.social-source>div>span{display:block;font-size:10px;color:var(--muted);line-height:1.7}.social-source .meta-dot{margin:0 4px}.social-source>.icon-btn{color:var(--muted);margin-right:-7px}.social-cover{height:168px;flex-shrink:0;position:relative;overflow:hidden;margin:0 15px;border-radius:12px;padding:19px 22px;user-select:none;touch-action:pan-y;isolation:isolate}.tone-coral{--tone-bg:#ffded4;--tone-ink:#a34535;--art:#db7153;--artlight:#f2b294;--artsun:#f9d267}.tone-violet{--tone-bg:#e9e0fc;--tone-ink:#685090;--art:#8b71bd;--artlight:#c2ade5;--artsun:#f6d89a}.tone-blue{--tone-bg:#dfeaff;--tone-ink:#3e6099;--art:#7094c9;--artlight:#b1c8ef;--artsun:#f3c77d}.tone-ink{--tone-bg:#2e2d3e;--tone-ink:#f8e5ca;--art:#d1b88b;--artlight:#807b98;--artsun:#e9a67c}.tone-pink{--tone-bg:#fbe0ee;--tone-ink:#a44c76;--art:#c785a9;--artlight:#e7b6cf;--artsun:#f2c17b}.tone-mint{--tone-bg:#ddf2e5;--tone-ink:#42745d;--art:#6aa789;--artlight:#b0d5bb;--artsun:#edd18b}.social-cover,.source-avatar,.topic-mini{background:var(--tone-bg);color:var(--tone-ink)}.cover-kicker{font-size:8px;font-weight:750;letter-spacing:.17em;position:relative;z-index:2;opacity:.75}.cover-display{font-size:34px;font-weight:850;line-height:1.06;letter-spacing:-1.6px;display:block;max-width:61%;margin-top:13px;position:relative;z-index:2}.social-cover>.guide-art{position:absolute;width:180px;height:180px;right:10px;bottom:-25px;transform:rotate(-9deg);opacity:.92;z-index:1}.social-cover:after{content:"";position:absolute;right:37px;top:-50px;width:175px;height:230px;border:1px solid currentColor;border-radius:50%;opacity:.12;transform:rotate(35deg);z-index:0}.cover-mini-mark{position:absolute;right:14px;top:10px;font-size:19px;font-weight:800;letter-spacing:-1px;opacity:.55}.cover-mini-mark>span{font-size:12px;margin-left:2px}.social-body{padding:19px 24px 12px;flex:1}.social-topic-row{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:11px}.social-topic{font-size:10px;font-weight:750;letter-spacing:.065em;text-transform:uppercase;color:var(--accent);padding:3px 0;min-height:20px}.read-label{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px}.read-label .icon{width:11px;height:11px}.read-label.is-read{color:#6e9d83}.social-title{display:block;text-align:left;padding:0;width:100%;color:var(--ink)}.social-title h2{font-size:26px;line-height:1.23;letter-spacing:-.85px;font-weight:800}.social-title:hover{color:var(--accent)}.social-text{font-size:14px;line-height:1.8;letter-spacing:-.1px;color:var(--ink);opacity:.85;margin-top:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.social-application{margin-top:16px;padding:11px 13px;background:var(--bg);border-radius:10px;border-left:2px solid var(--accent)}.social-application>span{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:750;letter-spacing:.03em;color:var(--accent)}.social-application .icon{width:12px;height:12px}.social-application p{font-size:12px;line-height:1.6;margin-top:5px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.read-full{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;color:var(--muted);padding:12px 0 2px;min-height:30px}.read-full .icon{width:13px;height:13px}.social-actions{display:flex;align-items:center;gap:6px;padding:10px 17px;border-top:1px solid var(--line);min-height:62px;flex-shrink:0}.social-save,.social-learn{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 10px;border-radius:10px;font-size:11px;font-weight:650;color:var(--muted)}.social-save .icon,.social-learn .icon{width:18px;height:18px}.social-save:hover,.social-learn:hover{background:var(--soft);color:var(--ink)}.social-save.is-saved{color:var(--accent);background:#ef634e0c}.social-save.is-saved .icon{fill:currentColor;animation:save-pop .35s ease}.social-learn.is-read{color:#6e9d83}.social-actions>.icon-btn{color:var(--muted);width:36px;height:40px;min-width:36px}.social-actions>.icon-btn .icon{width:18px;height:18px}.social-actions>.next-feed{background:var(--soft);color:var(--ink);margin-left:3px}.next-feed .icon{transform:rotate(90deg)}.action-spacer{flex:1;min-width:0}.feed-mobile-progress{display:none}.feed-side{padding-top:25px;min-width:0}.feed-side-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;font-weight:650;color:var(--muted);margin:0 4px 13px}.feed-side-heading>.icon{color:var(--accent);width:17px;height:17px}.feed-side .growth-card{border-radius:17px;padding:19px 20px;box-shadow:var(--shadow)}.growth-card h3{font-size:13px;font-weight:700}.growth-progress{height:108px;gap:15px}.growth-progress>svg{width:83px;height:83px}.growth-progress strong{font-size:29px;font-weight:800}.growth-progress small{font-size:16px}.growth-progress>div>span{font-size:10px}.ring-bg{stroke:var(--soft);stroke-width:6}.ring-fill{stroke:var(--accent);stroke-width:6}.ring-leaf{color:var(--accent)}.week-day{font-size:9px}.day-dot{background:var(--soft);width:21px;height:21px}.day-dot.done{background:#ffe1d5;color:#c86e48}.is-today .day-dot{outline-color:#efbca7}.week-day.is-today{color:var(--accent)}.streak-line{font-size:11px}.streak-line strong{font-weight:650}.growth-card>p{font-size:10px;color:var(--muted)}.feed-why{margin-top:18px;border:1px solid var(--line);border-radius:17px;padding:18px 19px;background:linear-gradient(140deg,var(--surface),var(--lavender))}.feed-why-icon{height:31px;width:31px;background:var(--surface);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#a28ac0;margin-bottom:12px}.feed-why-icon .icon{width:19px;height:19px}.feed-why h3{font-size:14px;font-weight:750;letter-spacing:-.3px}.feed-why p{margin-top:7px;font-size:11px;line-height:1.75;color:var(--muted)}.feed-topics{margin:24px 3px}.feed-topics h3{font-size:11px;font-weight:750;letter-spacing:0}.feed-topics .row-between{gap:10px;margin-bottom:6px}.feed-topics .row-between .icon-btn{min-width:28px;min-height:28px;width:28px;height:28px}.feed-topics .row-between .icon{width:14px;height:14px}.feed-topics>button{width:100%;display:flex;align-items:center;gap:10px;min-height:45px;font-size:11px;font-weight:550;padding:5px 0;text-align:left}.topic-mini{width:27px;height:27px;border-radius:8px;display:flex;align-items:center;justify-content:center}.topic-mini .icon{width:14px;height:14px}.feed-topics>button>.icon{margin-left:auto;color:var(--muted);width:13px;height:13px}.feed-shortcuts{border-top:1px solid var(--line);padding-top:14px;font-size:9px;line-height:2;color:var(--muted);display:flex;flex-direction:column;margin:0 4px}.feed-load{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:25px;font-size:12px;color:var(--muted)}.feed-caught-up{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 24px 45px;gap:14px;scroll-snap-align:start}.feed-caught-up>.icon{width:30px;height:30px;color:#6e9d83;background:var(--sage);padding:6px;border-radius:50%}.feed-caught-up h3{font-size:20px;letter-spacing:-.5px}.feed-caught-up p{font-size:12px;line-height:1.7;color:var(--muted);max-width:280px}.feed-caught-up .outline-btn{font-size:11px}.feed-caught-up .text-btn{font-size:11px;color:var(--muted)}.tune-options{display:flex;flex-direction:column;gap:10px}.tune-options>button{display:flex;align-items:center;gap:14px;min-height:76px;border:1px solid var(--line);padding:15px 17px;border-radius:13px;text-align:left}.tune-options>button:hover{background:var(--soft)}.tune-options>button>span{flex:1}.tune-options strong{display:block;font-size:14px}.tune-options small{display:block;margin-top:5px;font-size:11px;color:var(--muted);line-height:1.5}.tune-options>button>.icon:first-child{color:var(--accent)}
.guide-grid{gap:20px}.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.guide-cover{border-radius:0;min-height:190px}.guide-info{padding:17px}.guide-title{font-family:inherit;font-size:19px;font-weight:750;line-height:1.3;letter-spacing:-.4px}.guide-info>p{font-size:12px;line-height:1.6}.cover-top{font-size:8px}.card-meta{font-size:10px}.idea-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--surface)}.idea-card-title{font-family:inherit;font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.4px}.idea-excerpt{font-size:13px;line-height:1.8}.topic-tag{font-size:9px;font-weight:650;border-radius:6px}.idea-bottom{font-size:10px}.topic-card{border-radius:16px;padding:23px}.topic-card h3{font-size:20px;font-weight:750}.topic-card p{font-size:12px}.follow-btn{font-size:11px;min-height:38px;border-radius:10px}.collection-card,.new-collection-card{border-radius:17px}.collection-card h2{font-family:inherit;font-size:23px;font-weight:750}.new-collection-card h3{font-size:19px}.section-heading h2{font-size:21px;font-weight:750}.empty-state h2{font-family:inherit;font-size:24px}.empty-state p{font-size:13px}.empty-state .primary-btn{font-size:12px}
dialog{border:1px solid var(--line);border-radius:23px;background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #17142533;animation:sheet-appear .22s ease}dialog::backdrop{background:#16142172;backdrop-filter:blur(5px)}#modal-content{padding:30px;max-height:90dvh;overflow:auto;scrollbar-width:thin}.modal-header h2{font-family:inherit;font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.9px}.modal-header{margin-bottom:24px}.modal-header .eyebrow{font-size:9px;color:var(--accent);margin-bottom:9px}.modal-intro{font-size:13px;line-height:1.7;color:var(--muted)}dialog label{font-size:12px;font-weight:600}dialog input:not([type=checkbox]):not([type=radio]),dialog textarea,dialog select{border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:15px;padding:13px 14px;line-height:1.6;color:var(--ink)}dialog input:focus,dialog textarea:focus,dialog select:focus{border-color:var(--accent);outline:2px solid #ef634e22;outline-offset:1px}.field-help{font-size:11px;line-height:1.7}.modal-footer{gap:12px;padding-top:22px}.settings-section h3{font-size:15px;font-weight:750}.settings-section p{font-size:12px;line-height:1.7}.settings-buttons{gap:10px}.settings-buttons .outline-btn{font-size:11px}.tabs{gap:22px}.tabs button{font-size:13px;min-height:45px;font-weight:650}.tabs button.active{color:var(--accent);border-color:var(--accent)}.reader-modal{max-width:720px;border-radius:24px}.reader-modal #modal-content{padding:0}.reader-top{padding:22px 27px}.reader-brand{font-family:inherit;font-size:16px;font-weight:750;letter-spacing:-.6px}.reader-brand .icon{color:var(--accent)}.reader-progress{gap:5px;padding:0 28px}.reader-progress>span{height:3px;border-radius:4px;background:var(--line)}.reader-progress>span.filled{background:var(--accent)}.reader-body{padding:30px 39px 24px}.reader-category{font-size:10px;color:var(--accent);letter-spacing:.05em;font-weight:650}.reader-category>span{font-size:9px;color:var(--muted)}.reader-body h1{font-family:inherit;font-size:35px;line-height:1.18;letter-spacing:-1.1px;font-weight:800;margin-top:20px}.reader-text{font-size:18px;line-height:1.8;color:var(--ink);margin-top:25px;letter-spacing:-.15px}.try-card{border-radius:13px;padding:18px 20px;background:var(--bg);border-left:3px solid var(--accent)}.try-card>span{font-size:10px;color:var(--accent);font-weight:700}.try-card p{font-size:14px;line-height:1.7}.reader-source{font-size:11px}.reader-tools{gap:8px;flex-wrap:wrap;margin-top:22px}.tool-btn{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;font-size:11px}.tool-btn.active{background:#ef634e10;color:var(--accent);border-color:#ef634e50}.reader-bottom{position:sticky;bottom:0;background:var(--surface);padding:17px 27px;border-top:1px solid var(--line);z-index:3}.reader-notes summary{font-size:12px}.reader-small-actions .text-btn{font-size:11px}.preview-card{border:1px solid var(--line);border-radius:15px;padding:19px;gap:14px;background:var(--surface)}.preview-card strong{font-family:inherit;font-size:19px;font-weight:750;line-height:1.35;letter-spacing:-.3px}.preview-card p{font-size:13px;line-height:1.8;color:var(--muted)}.preview-card small{font-size:12px;line-height:1.65;color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.preview-list{gap:12px}.preview-card input{width:19px;height:19px;flex-shrink:0}.toast{border-radius:14px;padding:15px 20px;font-size:12px;background:var(--ink);color:var(--surface);box-shadow:0 8px 35px #17142525;bottom:28px;z-index:200}
.reward-burst{position:fixed;bottom:42px;left:calc(50% + 50px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid #ffffff38;padding:14px 19px;background:#292535;color:#fff;border-radius:50px;box-shadow:0 14px 40px #25212e30;z-index:180;pointer-events:none;animation:reward-arrive 1.4s cubic-bezier(.2,.8,.2,1) both;white-space:nowrap}.reward-burst strong{font-size:13px;letter-spacing:-.15px;font-weight:650}.reward-symbol{display:flex;align-items:center;justify-content:center;color:#ffb59b}.reward-symbol .icon{width:20px;height:20px;fill:#ffb59b22}.reward-goal{background:#ef634e}.reward-goal .reward-symbol{color:#ffe3a5}.reward-burst i{position:absolute;top:50%;left:50%;height:6px;width:6px;border-radius:2px;background:#ffb89f;opacity:0;animation:reward-particle 1s .1s ease-out both}.reward-burst i:nth-of-type(1){--dx:-90px;--dy:-42px;background:#ef8474}.reward-burst i:nth-of-type(2){--dx:-42px;--dy:-68px;background:#d3b4fa}.reward-burst i:nth-of-type(3){--dx:7px;--dy:-78px;background:#ffd17f}.reward-burst i:nth-of-type(4){--dx:62px;--dy:-61px;background:#98c9b0}.reward-burst i:nth-of-type(5){--dx:107px;--dy:-25px;background:#c0b6ed}.reward-burst i:nth-of-type(6){--dx:84px;--dy:31px;background:#f6bd77}.reward-burst i:nth-of-type(7){--dx:-70px;--dy:32px;background:#98c9b0}.reward-burst i:nth-of-type(8){--dx:-110px;--dy:-6px;background:#d9b4ef}
@keyframes card-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-appear{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes save-pop{0%{transform:scale(.75)}55%{transform:scale(1.35) rotate(-10deg)}100%{transform:scale(1) rotate(0)}}@keyframes reward-arrive{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}15%,75%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-10px) scale(.97)}}@keyframes reward-particle{0%{opacity:0;transform:translate(0,0) scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(180deg) scale(.4)}}
[data-theme=dark] .primary-nav a.active{background:#ef634e19;color:var(--accent)}[data-theme=dark] .grow-note{background:linear-gradient(135deg,#392c30,#33262c)}[data-theme=dark] .grow-note strong{color:#ffe4da}[data-theme=dark] .grow-note p{color:#c29f94}[data-theme=dark] .avatar{background:#40364f;color:#d8c4f4}[data-theme=dark] .day-dot.done{background:#553a32;color:#ffae8e}[data-theme=dark] .social-save.is-saved{background:#ef634e18}[data-theme=dark] .social-cover{filter:saturate(.78) brightness(.85)}[data-theme=dark] .topic-mini,[data-theme=dark] .source-avatar{filter:saturate(.6) brightness(.85)}
@media(min-width:1600px){.feed-layout{grid-template-columns:minmax(0,650px) 280px;max-width:1050px;gap:38px;padding:0 35px}.social-cover{height:185px}.social-card{min-height:650px}.social-text{font-size:15px}.social-title h2{font-size:28px}.feed-side{padding-top:29px}.search-box{width:340px}}
@media(max-width:1230px) and (min-width:901px){.sidebar{width:86px;padding:25px 12px 0}.brand{justify-content:center}.brand>span:last-child,.sidebar-tagline,.primary-nav a>span:not(:first-child),.sidebar-collections,.grow-note,.sidebar-tools>button:first-child>span:last-child{display:none}.brand-icon{width:37px;height:37px;padding:4px}.primary-nav{margin-top:30px;gap:10px}.primary-nav a{justify-content:center;padding:12px;min-height:51px}.primary-nav .icon{width:22px;height:22px}.sidebar-tools{flex-direction:column;gap:12px;margin-bottom:22px}.sidebar-tools>button:first-child{justify-content:center;padding:0;width:40px}.app-shell{margin-left:86px}.topbar{padding:0 26px}.feed-layout{gap:22px;grid-template-columns:minmax(0,610px) 245px;max-width:940px;padding:0 24px}.breadcrumb>span:first-child,.breadcrumb-dot{display:none}.search-box{width:280px}.topbar-actions{gap:12px}}
@media(max-width:1050px) and (min-width:901px){.feed-side{display:none}.feed-layout{display:block;max-width:650px}.feed-column{height:100%}.topbar .breadcrumb{font-size:12px}.topbar .search-box{width:290px}.social-card{min-height:600px}}
@media(max-width:900px){
  .sidebar{display:none}.app-shell{margin-left:0;min-height:100dvh}.topbar{height:64px;padding:0 18px;position:relative;gap:10px;background:var(--surface)}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:0;font-weight:800;font-size:21px;letter-spacing:-1px;white-space:nowrap}.mobile-brand>span:last-child{color:var(--accent)}.mobile-brand-mark{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:var(--accent);color:white;border-radius:9px;margin-right:8px}.mobile-brand-mark .icon{width:21px;height:21px;stroke-width:1.8}.topbar-actions{margin-left:auto;gap:5px}.create-top{display:none}.header-streak{min-height:40px;padding:0 7px;font-size:12px;gap:3px}.header-streak .icon{width:18px;height:18px}.avatar{width:31px;height:31px;font-size:11px;margin-left:3px}.mobile-search{display:flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:40px;min-height:40px}.mobile-search .icon{width:20px;height:20px}.search-box{display:none}.search-active .search-box{position:absolute;left:13px;right:13px;width:auto;top:9px;height:46px;min-height:46px;border:1px solid var(--line);background:var(--surface);display:flex;z-index:25;box-shadow:0 8px 25px #25212e12}.search-active .search-box input{font-size:16px}.search-active .search-box kbd{display:none}.close-search{display:flex;min-width:32px;min-height:36px;width:32px;height:36px}.close-search .icon{width:17px;height:17px}body[data-view=feed] #content{height:calc(100dvh - 64px)}#content{padding:25px 20px 110px}.feed-layout{display:block;max-width:650px;padding:0 15px;height:calc(100% - 76px - env(safe-area-inset-bottom,0px))}.feed-column{height:100%}.feed-side{display:none}.feed-tabs{height:49px;gap:25px}.feed-tabs>button:not(.icon-btn){font-size:17px;letter-spacing:-.3px}.feed-tabs>button>.icon{width:14px;height:14px}.feed-tabs>.icon-btn{margin-left:-16px;min-width:32px;width:32px}.feed-position{font-size:9px}.feed-controls .topic-pills{padding:10px 0 9px;gap:7px}.pill{font-size:11px;min-height:35px;padding:7px 13px;min-width:0}.feed-mobile-progress{display:flex;align-items:center;justify-content:space-between;padding:0 4px 9px;min-height:28px;font-size:9px;flex-shrink:0;gap:8px;color:var(--muted)}.feed-mobile-progress>span{display:flex;align-items:center;gap:4px}.feed-mobile-progress .icon{height:12px;width:12px}.feed-mobile-progress>span:first-child>.icon{color:var(--accent);fill:#ef634e20}.feed-mobile-progress strong{color:var(--ink);font-size:10px;font-variant-numeric:tabular-nums}.feed-mobile-progress>span:last-child>.icon{transform:rotate(90deg);height:11px;width:11px}.idea-stream{padding-top:0;padding-bottom:12px;scroll-snap-type:y proximity}.social-card{border-radius:17px;margin-bottom:13px;min-height:calc(100dvh - 285px);box-shadow:0 6px 20px #25212e04;scroll-snap-stop:normal}.social-source{padding:11px 15px 10px;min-height:56px;gap:9px}.source-avatar{width:31px;height:31px;border-radius:10px}.source-avatar .icon{width:17px;height:17px}.social-source strong{font-size:11px}.social-source>div>span{font-size:9px}.social-source .icon-btn{margin-right:-6px;min-width:32px;width:32px;height:34px;min-height:34px}.social-cover{height:130px;margin:0 11px;padding:15px 17px;border-radius:11px}.cover-kicker{font-size:7px;letter-spacing:.14em}.cover-display{font-size:29px;max-width:65%;letter-spacing:-1.25px;margin-top:12px}.social-cover>.guide-art{width:145px;height:145px;right:0;bottom:-24px}.social-cover:after{right:22px;top:-50px;height:190px;width:130px}.cover-mini-mark{font-size:15px;right:11px;top:8px}.cover-mini-mark>span{font-size:10px}.social-body{padding:15px 19px 9px}.social-topic-row{margin-bottom:9px}.social-topic{font-size:9px;letter-spacing:.05em}.read-label{font-size:8px}.social-title h2{font-size:23px;letter-spacing:-.65px;line-height:1.23}.social-text{font-size:14px;line-height:1.72;margin-top:11px;-webkit-line-clamp:6}.social-application{padding:10px 12px;margin-top:13px;border-radius:9px}.social-application>span{font-size:8px}.social-application .icon{width:11px;height:11px}.social-application p{font-size:11px;line-height:1.55;margin-top:4px;-webkit-line-clamp:2}.read-full{font-size:9px;padding-top:9px;min-height:25px}.social-actions{min-height:57px;padding:7px 11px;gap:3px}.social-save,.social-learn{min-height:40px;padding:0 8px;font-size:10px;gap:5px}.social-save .icon,.social-learn .icon{height:17px;width:17px}.social-actions>.icon-btn{height:40px;min-height:40px;width:34px;min-width:34px;border-radius:10px}.social-actions>.icon-btn .icon{width:17px;height:17px}.social-actions>.next-feed{margin-left:2px}.feed-caught-up{padding-bottom:45px}.feed-caught-up h3{font-size:20px}.feed-load{min-height:70px;font-size:11px}.mobile-nav{display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr;position:fixed;inset:auto 0 0;height:calc(72px + env(safe-area-inset-bottom,0px));padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);z-index:30;align-items:center;box-shadow:0 -3px 25px #28223405}.mobile-nav a{height:52px;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:var(--muted);font-size:9px;font-weight:600;background:none;border-radius:12px}.mobile-nav a.active{color:var(--accent);background:transparent}.mobile-nav a.active .icon{stroke-width:2.25;fill:#ef634e0c}.mobile-nav a>.icon{width:22px;height:22px;margin:0}.mobile-nav a>span:not([data-icon]){display:block;line-height:1.3}.mobile-create{background:var(--accent);height:49px;min-height:49px;width:49px;min-width:49px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;justify-self:center;box-shadow:0 5px 14px #ef634e25;margin:0;border:0;transform:none}.mobile-create>.icon{height:25px;width:25px;stroke-width:2}.app-footer{display:none}.page-heading h1{font-size:29px;margin-top:6px}.page-heading>p,.page-heading>div>p{font-size:12px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.guide-cover{min-height:170px;height:170px}.guide-info{padding:13px}.guide-title{font-size:17px;line-height:1.3}.guide-info>p{font-size:11px;margin-top:7px}.guide-info .card-meta{font-size:9px;gap:4px}.guide-info .icon-btn{min-width:29px;width:29px;min-height:32px;height:32px}.cover-top{font-size:7px}.cover-label{font-size:6px}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.idea-card{padding:14px;border-radius:14px}.idea-card-title{font-size:17px;line-height:1.3}.idea-excerpt{font-size:12px;line-height:1.7;-webkit-line-clamp:5}.idea-bottom{font-size:9px;gap:6px}.idea-card .icon-btn{min-width:29px;min-height:32px;height:32px;width:29px}.topic-tag{font-size:8px;padding:5px 7px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.topic-card{padding:18px}.topic-card h3{font-size:18px}.topic-card p{font-size:11px;line-height:1.6}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.collection-card{padding:20px;min-height:260px}.collection-card h2{font-size:21px;line-height:1.25}.collection-card .guide-art{height:110px}.collection-number{font-size:7px}.collection-card>div{font-size:10px}.new-collection-card{min-height:260px;padding:20px}.new-collection-card h3{font-size:17px}.new-collection-card p{font-size:11px}.page-heading.row-between{gap:10px;align-items:flex-start}.page-heading>.outline-btn,.page-heading>.primary-btn{font-size:0;padding:0;width:43px;height:43px;min-height:43px;gap:0;flex-shrink:0}.page-heading>.outline-btn .icon,.page-heading>.primary-btn .icon{width:21px;height:21px}.section-heading h2{font-size:20px}.section-heading .subtle{font-size:10px}.section-heading .text-btn{font-size:11px}.reward-burst{left:50%;bottom:calc(94px + env(safe-area-inset-bottom,0px));padding:13px 17px}.reward-burst strong{font-size:12px}.toast{bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);font-size:12px;border-radius:13px}.offline-banner{font-size:10px;padding:9px}
}
@media(max-width:600px){dialog,dialog.reader-modal{max-width:none;width:100%;max-height:96dvh;margin:auto 0 0;border-radius:24px 24px 0 0;border-bottom:0;padding:0}#modal-content{padding:25px 22px calc(25px + env(safe-area-inset-bottom,0px));max-height:94dvh;scrollbar-width:none}.modal-header{margin-bottom:22px;gap:14px}.modal-header h2{font-size:26px;letter-spacing:-.9px}.modal-header .icon-btn{margin-right:-6px;flex-shrink:0}.modal-header .eyebrow{font-size:8px}.modal-intro{font-size:13px}.modal-footer{flex-wrap:wrap;justify-content:flex-end;position:sticky;bottom:0;background:var(--surface);padding:17px 0 0;margin-top:18px;z-index:5}.modal-footer>.subtle,.modal-footer>span{font-size:10px;flex:1;min-width:90px;line-height:1.5}.modal-footer>.primary-btn{font-size:12px;min-height:47px;white-space:normal}dialog label{font-size:12px}dialog input:not([type=checkbox]):not([type=radio]),dialog textarea,dialog select{font-size:16px;padding:12px 13px;min-height:47px}.form-row{gap:12px}.tabs{gap:15px}.tabs button{font-size:12px;min-height:44px}.field-help{font-size:11px}.interest-picker label{font-size:11px}.preview-card{padding:16px;gap:11px;border-radius:13px}.preview-card strong{font-size:18px;line-height:1.3}.preview-card p{font-size:13px;line-height:1.7}.preview-card small{font-size:11px;line-height:1.7}.preview-card input{width:18px;height:18px}.reader-modal #modal-content{padding:0;max-height:96dvh}.reader-top{padding:18px 21px 15px}.reader-progress{padding:0 23px;gap:4px}.reader-body{padding:25px 25px 20px}.reader-body h1{font-size:30px;line-height:1.2;margin-top:20px;letter-spacing:-.9px}.reader-text{font-size:17px;line-height:1.8;margin-top:23px}.reader-category{font-size:9px}.reader-category>span{font-size:8px}.try-card{padding:15px 16px}.try-card p{font-size:13px;line-height:1.7}.reader-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-btn{font-size:11px;padding:10px 9px;min-height:44px;justify-content:center}.reader-small-actions{gap:15px;flex-wrap:wrap}.reader-bottom{padding:15px 21px calc(15px + env(safe-area-inset-bottom,0px))}.reader-bottom .primary-btn{font-size:12px;min-height:45px}.reader-source{font-size:10px}.access-form .input-action{flex-wrap:wrap}.access-form .input-action input{min-width:0;flex:1}.access-form .input-action button{font-size:12px}.settings-section .settings-buttons{flex-wrap:wrap}.settings-section .text-btn{font-size:11px}.tune-options>button{padding:15px 14px}.tune-options strong{font-size:14px}.tune-options small{font-size:11px}.settings-buttons .outline-btn{font-size:11px}.completion h2{font-family:inherit;font-size:25px}.completion p{font-size:13px;line-height:1.7}}
@media(max-width:380px){.topbar{padding:0 13px}.mobile-brand{font-size:19px}.mobile-brand-mark{width:26px;height:26px;margin-right:6px}.header-streak{padding:0 4px}.avatar{width:28px;height:28px}.topbar-actions{gap:2px}.feed-layout{padding:0 11px}.feed-tabs{gap:22px}.feed-tabs>button:not(.icon-btn){font-size:16px}.social-title h2{font-size:21px}.social-body{padding:13px 16px 9px}.social-text{font-size:13px;line-height:1.75}.social-cover{height:117px;padding:13px 15px}.cover-display{font-size:26px}.social-cover>.guide-art{height:131px;width:131px;right:-6px}.social-source{padding-left:13px;padding-right:13px}.social-actions{padding-left:8px;padding-right:8px;gap:1px}.social-save,.social-learn{font-size:9px;padding:0 6px;gap:4px}.social-actions>.icon-btn{width:32px;min-width:32px}.social-application p{font-size:10px}.read-label{font-size:7px}.feed-mobile-progress{font-size:8px}.guide-grid,.idea-grid{gap:10px}.guide-info{padding:11px}.guide-title{font-size:16px}.guide-cover{height:150px;min-height:150px}.collection-grid{grid-template-columns:1fr}.topic-card{padding:15px}}
@media(max-height:720px) and (max-width:900px){.social-cover{height:105px}.cover-display{font-size:25px}.social-cover>.guide-art{width:130px;height:130px}.social-body{padding-top:12px}.social-text{-webkit-line-clamp:4}.social-title h2{font-size:21px}.social-application{-webkit-line-clamp:2;margin-top:10px;padding:8px 10px}.social-application p{-webkit-line-clamp:1}.feed-mobile-progress{display:none}.social-card{min-height:calc(100dvh - 255px)}.social-source{min-height:52px;padding-top:8px;padding-bottom:8px}.social-actions{min-height:53px;padding-top:5px;padding-bottom:5px}.read-full{min-height:22px;padding-top:6px}}
@media(prefers-reduced-motion:reduce){html,.idea-stream{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.social-card{animation:none}.reward-burst{display:none}}

/* Original pen drawings stay sharp at every screen size and work offline. */
:root{--muted:#72727e;--action:#c74b38;--green:var(--action)}
[data-theme=dark]{--muted:#aaa9b8;--action:#ff907e;--green:var(--action)}
.primary-nav a.active,.social-topic,.social-save.is-saved,.header-streak,.mobile-nav a.active{color:var(--action)}
.primary-btn,.mobile-create{background:#c74b38;color:#fff}
.primary-btn:hover,.mobile-create:hover{background:#b44130}
.feed-drawing{position:absolute;right:8px;bottom:-8px;width:190px;height:176px;transform:rotate(-3deg);pointer-events:none;z-index:1}
.feed-drawing g{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.feed-drawing .drawing-wash{fill:var(--artlight);stroke:none;opacity:.38}
.feed-drawing .drawing-paper{fill:#fffaf5}
.feed-drawing .drawing-soft{fill:var(--artlight);fill-opacity:.6}
.feed-drawing .drawing-accent{fill:var(--artsun)}
.tone-ink .drawing-paper{fill:#413c50}
.tone-ink .drawing-soft{fill:#847b98}
.social-cover .cover-display{max-width:58%}
.social-source strong a{color:inherit;text-decoration:none}.social-source strong a:hover{text-decoration:underline}
.feed-source-link{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;font-size:10px;min-height:32px;color:var(--action);text-decoration:none;font-weight:650}
.feed-source-link:hover{text-decoration:underline}.feed-source-link .icon{width:12px;height:12px}
.reader-source-kind{font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}
.feed-side{max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:24px}.feed-side::-webkit-scrollbar{display:none}
.topic-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.topic-pills::-webkit-scrollbar{display:none}.topic-pills>.pill{flex:0 0 auto;white-space:nowrap}
@media(max-width:900px){
  .social-cover>.feed-drawing{width:156px;height:140px;right:-7px;bottom:-5px}
  .social-cover .cover-display{max-width:55%}
}
@media(max-width:380px){.social-cover>.feed-drawing{width:140px;height:128px;right:-8px;bottom:-5px}}
@media(max-height:720px) and (max-width:900px){.social-cover>.feed-drawing{width:139px;height:117px;bottom:-3px}}