:root{--ink:#221a14;--ink-soft:#2c2119;--ink-line:#3d2f22;--paper:#ede6d6;--paper-hi:#f5f0e4;--paper-line:#d8cfb8;--text-dark:#211f1a;--text-muted:#7a7264;--text-on-ink:#c7b7a5;--text-on-ink-dim:#7d6b58;--shell-text:#efe2d3;--red:#c1662f;--red-dark:#984e24;--gold:#d9a94e;--gold-dark:#ad8038;--denim:#5b7c99;--denim-dark:#446076;--sage:#7a8b6f;--clay:#a9784f;--shadow-hard:0 10px 26px #0000004d;--shadow-hard-sm:0 6px 16px #0000004d;--radius-sm:0px;--radius-md:0px;--font-display:"Archivo", sans-serif;--font-serif:"Source Serif 4", serif;--post-bg:var(--paper);--post-bg-hi:var(--paper-hi);--post-line:var(--paper-line);--post-text:var(--text-dark);--post-muted:var(--text-muted);--post-accent:var(--red);--post-accent2:var(--gold);--post-font-display:var(--font-display);--post-font-body:var(--font-serif);--maker-heading:var(--paper);--maker-muted:var(--text-on-ink-dim);--maker-chrome-bg:var(--ink-soft);--maker-chrome-line:var(--ink-line);--maker-accent:var(--red);--maker-accent-text:var(--paper-hi)}[data-theme=light]{--ink:#e3dfd3;--ink-soft:#d9d4c5;--ink-line:#c7c0ac;--text-on-ink:#4b473c;--text-on-ink-dim:#85806e;--shell-text:#1e1c17}.maker-tint-great{--maker-heading:#163c27;--maker-muted:#3e6b4e;--maker-chrome-bg:#fff;--maker-chrome-line:#bfe3cb;--maker-accent:#2f8f55;--maker-accent-text:#f3fbf5;background:#e8f5ec;min-height:100%}.maker-tint-gripe{--maker-heading:#331c42;--maker-muted:#6b4e86;--maker-chrome-bg:#fff;--maker-chrome-line:#dcc7f0;--maker-accent:#8a4fc7;--maker-accent-text:#fbf5ff;background:#f4ebfb;min-height:100%}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--text-on-ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit}button{cursor:pointer;font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input,textarea,select{font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html,body{height:100%;overflow:hidden}#root{height:100vh}.app-shell{background:var(--ink);border-left:1px solid var(--ink-line);border-right:1px solid var(--ink-line);flex-direction:column;max-width:1180px;height:100vh;margin:0 auto;display:flex}.split-layout{flex:1;min-height:0;display:flex}.split-left{border-right:1px solid var(--ink-line);flex:0 0 46%;min-width:360px;max-width:560px;overflow-y:auto}.split-right{flex:1;min-width:0;overflow-y:auto}.split-empty{text-align:center;height:100%;color:var(--text-on-ink-dim);justify-content:center;align-items:center;padding:40px;display:flex}.split-empty-inner{max-width:280px}.split-empty-icon{margin-bottom:10px;font-size:34px}.split-empty-title{font-family:var(--font-display);color:var(--text-on-ink);margin-bottom:5px;font-size:15px;font-weight:700}.header{z-index:20;background:var(--ink);border-bottom:1px solid var(--ink-line);padding:16px 20px 0;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.logo-row{align-items:center;gap:10px;display:flex}.logo-home-btn{text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.logo{letter-spacing:-.02em;color:var(--shell-text);font-family:Archivo,sans-serif;font-size:26px;font-weight:900}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--ink-line);background:var(--ink-soft);width:38px;height:38px;color:var(--text-on-ink);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .15s,border-color .15s;display:flex}.icon-btn:hover{background:#362a1f;border-color:#4c3b2a}[data-theme=light] .icon-btn:hover{background:#cfc9b8;border-color:#b7ae94}.avatar-btn{width:38px;height:38px;font-family:var(--font-display);color:#14151a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.take-add-btn{height:38px;font-family:var(--font-display);letter-spacing:-.01em;color:var(--shell-text);white-space:nowrap;border-radius:19px;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:13.5px;font-weight:900;transition:background .15s,border-color .15s;display:flex}.take-add-btn-great{background:#4caf6d29;border:1px solid #4caf6d66}.take-add-btn-great:hover{background:#4caf6d42}.take-add-btn-gripe{background:#9a5fd129;border:1px solid #9a5fd166}.take-add-btn-gripe:hover{background:#9a5fd142}.tab-bar{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-on-ink-dim);font-family:var(--font-display);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 14px 12px;font-size:14.5px;font-weight:600;transition:color .15s}.tab-btn.active{color:var(--shell-text);border-bottom-color:var(--red)}.tab-btn:hover:not(.active){color:var(--text-on-ink)}.feed{flex-direction:column;gap:18px;padding:18px 16px 100px;display:flex}.empty-state{text-align:center;color:var(--text-on-ink-dim);margin-top:40px;padding:0 30px}.empty-state .empty-title{font-family:var(--font-display);color:var(--shell-text);margin-bottom:6px;font-size:18px;font-weight:700}.card{background:var(--post-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);color:var(--post-text);overflow:hidden}.card-clickable{transition:transform .12s,box-shadow .12s}.card-clickable:hover{transform:translateY(-3px);box-shadow:0 16px 36px #00000061}.card-inner{padding:16px 16px 14px}.author-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.author-avatar{width:36px;height:36px;font-family:var(--font-display);color:var(--paper-hi);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.author-meta{flex:1;min-width:0}.author-name{font-family:var(--post-font-display);color:var(--post-text);font-size:14.5px;font-weight:700}.author-sub{color:var(--post-muted);margin-top:1px;font-size:12.5px}.category-chip{font-family:var(--post-font-display);border:1px solid var(--post-line);color:var(--post-muted);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 9px;font-size:11.5px;font-weight:600}.photo-block{aspect-ratio:16/9;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;margin-bottom:12px;font-size:54px;display:flex;position:relative}.stamp-badge{background:var(--post-bg-hi);border:3px solid var(--post-accent);width:56px;height:56px;color:var(--post-accent);font-family:var(--post-font-display);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;transform:rotate(-8deg)}.stamp-badge .num{font-size:19px;font-weight:900;line-height:1}.stamp-badge .den{margin-top:1px;font-size:9px;font-weight:600;line-height:1}.stamp-badge.accent2{border-color:var(--post-accent2);color:color-mix(in srgb, var(--post-accent2) 72%, black)}.stamp-badge.muted{border-color:var(--post-muted);color:var(--post-muted)}.post-title{font-family:var(--post-font-display);color:var(--post-text);margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.25}.post-subject{font-family:var(--post-font-display);color:var(--post-text);margin:0 0 6px;font-size:19px;font-weight:700}.take-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:9px;display:flex}.take-kind-badge{font-family:var(--post-font-display);background:var(--post-accent);color:var(--post-bg);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.take-subject{font-family:var(--post-font-body);color:var(--post-text);opacity:.7;font-size:12.5px}.post-body{font-family:var(--post-font-body);color:var(--post-text);opacity:.86;max-width:56ch;margin:0 0 12px;font-size:15.5px;line-height:1.55}.post-review-text{border-top:1px solid var(--post-line);margin-top:-4px;padding-top:12px}.read-review-hint{font-family:var(--post-font-display);color:var(--post-accent);opacity:.85;margin:-4px 0 12px;font-size:12px;font-weight:600}.rank-list{flex-direction:column;gap:7px;margin-bottom:12px;display:flex}.rank-row{background:var(--post-bg-hi);border:1px solid var(--post-line);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 10px;display:flex}.rank-num{font-family:var(--post-font-display);color:var(--post-accent);text-align:center;flex-shrink:0;width:20px;font-size:15px;font-weight:900}.rank-emoji{flex-shrink:0;font-size:20px}.rank-name{color:var(--post-text);font-size:14.5px;font-weight:600;font-family:var(--post-font-body)}.tier-stack{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.tier-row{align-items:stretch;gap:8px;display:flex}.tier-label{border-radius:var(--radius-sm);width:34px;font-family:var(--post-font-display);color:#14151a;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex}.tier-items{background:var(--post-bg-hi);border:1px solid var(--post-line);border-radius:var(--radius-sm);flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-height:38px;padding:6px 8px;display:flex}.tier-chip{background:var(--post-bg);border:1px solid var(--post-line);color:var(--post-text);font-size:13px;font-weight:600;font-family:var(--post-font-body);border-radius:20px;align-items:center;gap:5px;padding:4px 10px 4px 6px;display:flex}.tier-chip .em{font-size:15px}.tier-empty-hint{color:var(--post-muted);font-size:12px;font-style:italic}.action-row{border-top:1px solid var(--post-line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.vote-control{background:var(--post-bg-hi);border:1px solid var(--post-line);border-radius:20px;align-items:center;gap:2px;padding:3px;display:flex}.vote-btn{width:30px;height:30px;color:var(--post-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:background .12s,color .12s;display:flex}.vote-btn:hover{background:#0000000f}.vote-btn.up.active{color:color-mix(in srgb, var(--post-accent2) 65%, black);background:color-mix(in srgb, var(--post-accent2) 24%, transparent)}.vote-btn.down.active{color:var(--post-muted);background:color-mix(in srgb, var(--post-muted) 24%, transparent)}.vote-score{font-family:var(--post-font-display);text-align:center;min-width:28px;color:var(--post-text);font-size:14px;font-weight:700}.share-btn{border:1px solid var(--post-line);color:var(--post-muted);font-family:var(--post-font-display);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:flex}.share-btn:hover{border-color:var(--post-muted);color:var(--post-text)}.overlay{z-index:50;background:#0a0a0c99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:520px){.overlay{align-items:center}}.sheet{background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:14px 14px 0 0;width:100%;max-width:520px;padding:22px 20px 30px}@media (min-width:520px){.sheet{border-radius:14px;padding:26px}}.sheet-title{font-family:var(--font-display);color:var(--shell-text);margin:0 0 4px;font-size:20px;font-weight:900}.sheet-sub{color:var(--text-on-ink-dim);margin:0 0 18px;font-size:13.5px}.create-option{text-align:left;background:var(--ink);border:1px solid var(--ink-line);width:100%;color:var(--shell-text);border-radius:10px;align-items:center;gap:14px;margin-bottom:10px;padding:14px;transition:border-color .15s;display:flex}.create-option:hover{border-color:var(--gold)}.create-option .em{font-size:26px}.create-option .co-title{font-family:var(--font-display);font-size:15.5px;font-weight:700}.create-option .co-sub{color:var(--text-on-ink-dim);margin-top:1px;font-size:12.5px}.cancel-btn{width:100%;color:var(--text-on-ink-dim);font-family:var(--font-display);background:0 0;border:none;margin-top:4px;padding:10px;font-size:14.5px;font-weight:600}.cancel-btn:hover{color:var(--shell-text)}.maker-screen{padding:18px 16px 100px}.full-pane{flex:1;width:100%;max-width:640px;min-height:0;margin:0 auto;overflow-y:auto}.maker-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.back-btn{background:var(--maker-chrome-bg);border:1px solid var(--maker-chrome-line);color:var(--maker-heading);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.maker-title{font-family:var(--font-display);color:var(--maker-heading);font-size:21px;font-weight:900}.field-group{margin-bottom:16px}.field-label{font-family:var(--font-display);color:var(--maker-muted);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field-hint{color:var(--maker-muted);opacity:.85;margin:-4px 0 8px;font-size:12px}.field-input,.field-textarea,.field-select{background:var(--paper);border:1px solid var(--paper-line);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);font-size:15px;font-family:var(--font-display);padding:11px 12px}.field-textarea{font-family:var(--font-serif);resize:vertical;min-height:100px;line-height:1.5}.swatch-row{flex-wrap:wrap;gap:9px;display:flex}.swatch{border:2px solid #0000;border-radius:8px;flex-shrink:0;width:42px;height:42px}.swatch.selected{border-color:var(--paper);box-shadow:0 0 0 2px var(--gold)}.emoji-row{flex-wrap:wrap;gap:6px;display:flex}.emoji-opt{border:1px solid var(--ink-line);background:var(--ink-soft);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.emoji-opt.selected{border-color:var(--gold);background:#3a341f}[data-theme=light] .emoji-opt.selected{background:#ede0b0}.rating-row{align-items:center;gap:14px;display:flex}.rating-slider{accent-color:var(--red);flex:1}.rating-display{font-family:var(--font-display);color:var(--gold);text-align:right;width:56px;font-size:22px;font-weight:900}.style-panel{background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 14px 6px}.style-panel-title{font-family:var(--font-display);color:var(--shell-text);margin-bottom:2px;font-size:13px;font-weight:700}.style-panel-sub{color:var(--text-on-ink-dim);margin-bottom:12px;font-size:12px}.style-grid{grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:6px;display:grid}.style-field label{color:var(--text-on-ink-dim);margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.color-input-row{background:var(--ink);border:1px solid var(--ink-line);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 8px;display:flex}.color-input-row input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;width:26px;height:26px;padding:0}.color-input-row span{color:var(--text-on-ink-dim);font-family:monospace;font-size:11.5px}.style-field select{background:var(--ink);border:1px solid var(--ink-line);border-radius:var(--radius-sm);width:100%;color:var(--shell-text);font-family:var(--font-display);padding:8px 9px;font-size:13px}.theme-toggle{z-index:40;border:2px solid var(--ink-line);background:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;line-height:1;transition:background .15s,border-color .15s;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 8px 20px #00000073}.theme-toggle:hover{border-color:var(--gold)}.primary-btn{background:var(--maker-accent);width:100%;color:var(--maker-accent-text);border-radius:var(--radius-sm);font-family:var(--font-display);box-shadow:var(--shadow-hard-sm);border:none;margin-top:6px;padding:14px;font-size:15.5px;font-weight:700;transition:transform 80ms}.primary-btn:active{box-shadow:none;transform:translate(2px,2px)}.primary-btn:disabled{opacity:.4}.secondary-btn{background:var(--ink-soft);border:1px solid var(--ink-line);color:var(--shell-text);border-radius:var(--radius-sm);font-family:var(--font-display);padding:9px 14px;font-size:13.5px;font-weight:600}.preview-label{font-family:var(--font-display);color:var(--maker-muted);margin:26px 0 10px;font-size:13px;font-weight:700}.item-input-row{gap:8px;margin-bottom:12px;display:flex}.item-input-row .field-input{flex:1}.add-btn{background:var(--gold);color:#14151a;border-radius:var(--radius-sm);font-family:var(--font-display);border:none;flex-shrink:0;padding:0 16px;font-size:14px;font-weight:700}.draft-row{background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:8px;padding:9px 10px;display:flex}.draft-row .em{font-size:18px}.draft-row .nm{color:var(--shell-text);flex:1;font-size:14.5px;font-weight:600}.mini-btn{border:1px solid var(--ink-line);color:var(--text-on-ink-dim);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.mini-btn:hover{color:var(--shell-text);border-color:var(--gold)}.tier-assign-row{background:var(--ink-soft);border:1px solid var(--ink-line);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;display:flex}.tier-assign-row .em{font-size:18px}.tier-assign-row .nm{color:var(--shell-text);flex:1;font-size:14px;font-weight:600}.tier-pick{gap:4px;display:flex}.tier-pick-btn{border:1px solid var(--ink-line);background:var(--ink);width:26px;height:26px;color:var(--text-on-ink-dim);font-family:var(--font-display);border-radius:5px;font-size:12px;font-weight:800}.tier-pick-btn.active{color:#14151a;border-color:#0000}.toast{background:var(--paper);color:var(--text-dark);font-family:var(--font-display);box-shadow:var(--shadow-hard);z-index:60;border-radius:24px;padding:11px 20px;font-size:14px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.profile-header{text-align:center;flex-direction:column;align-items:center;padding:26px 20px 20px;display:flex}.profile-avatar{width:74px;height:74px;font-family:var(--font-display);color:#14151a;background:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:26px;font-weight:900;display:flex}.profile-name{font-family:var(--font-display);color:var(--shell-text);font-size:21px;font-weight:900}.profile-handle{color:var(--text-on-ink-dim);margin-top:2px;font-size:13.5px}.profile-stats{gap:22px;margin-top:16px;display:flex}.profile-stat-num{font-family:var(--font-display);color:var(--shell-text);text-align:center;font-size:17px;font-weight:800}.profile-stat-label{color:var(--text-on-ink-dim);text-align:center;margin-top:2px;font-size:11.5px}.verify-banner{background:var(--ink-soft);border-bottom:1px solid var(--ink-line);color:var(--text-on-ink);justify-content:space-between;align-items:center;gap:12px;padding:9px 20px;font-size:13px;display:flex}.banner-btn{border:1px solid var(--gold);border-radius:var(--radius-sm);color:var(--shell-text);font-family:var(--font-display);background:0 0;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:700}.banner-btn:disabled{opacity:.5}.auth-notice{background:var(--ink-soft);border:1px solid var(--ink-line);color:var(--text-on-ink);margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.45}