*{box-sizing:border-box}button,a,[role=button]{-webkit-tap-highlight-color:transparent}:root{--ink: #2a1a3d;--ink-soft: rgba(42,26,61,.8);--paper: #fff0e0;--paper-deep: #ffe5cf;--cream: #fff5cc;--peach-sticky: #ffd6e5;--blue-sticky: #e0eaff;--pink: #e85a96;--pink-deep: #d04488;--peach: #ffb86b;--blue: #6a8fe0;--green: #2a8a55;--muted: #8a6c8c;--muted-soft: #b89cb5;--me: #e85a96;--them: #6a8fe0;--border: 2px solid var(--ink);--shadow-card: 5px 5px 0 var(--ink);--shadow-card-sm: 3px 3px 0 var(--ink);--shadow-card-xs: 2px 2px 0 var(--ink);--shadow-disc: 0 4px 0 rgba(42,26,61,.18);--radius-card: 18px;--radius-thumb: 10px;--radius-search: 16px;--radius-tabbar: 22px;--radius-pill: 999px;--radius-note: 4px;--radius-input: 12px;--bg-wash: radial-gradient(55% 40% at 15% 10%, #ffb380 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #ff80b3 0%, transparent 65%), radial-gradient(45% 35% at 95% 15%, #b3a4ff 0%, transparent 70%), var(--paper);--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-hand: "Kalam", "Marker Felt", "Comic Sans MS", sans-serif;--font-stamp: "Courier New", monospace;--surface: #fff;--surface-2: #fff8f0;--status-bg: #fff0e0;--bottom-action-height: 60px;--bottom-action-gap: max(18px, calc(env(safe-area-inset-bottom, 0px) + 12px) );--bottom-action-reserve: calc(var(--bottom-action-height) + var(--bottom-action-gap) + 34px)}:root[data-display=simple]{--border: 1px solid rgba(42,26,61,.16);--shadow-card: 0 6px 18px rgba(42,26,61,.08);--shadow-card-sm: 0 5px 14px rgba(42,26,61,.07);--shadow-card-xs: 0 2px 8px rgba(42,26,61,.06);--shadow-disc: 0 2px 8px rgba(42,26,61,.08);--radius-card: 12px;--radius-thumb: 8px;--radius-search: 12px;--radius-note: 10px;--bg-wash: linear-gradient(180deg, var(--paper), var(--surface-2));--status-bg: var(--paper);--simple-bg-end: color-mix(in srgb, var(--paper-deep) 72%, var(--surface-2) 28%);--simple-panel: color-mix(in srgb, var(--paper) 74%, var(--surface) 26%);--font-hand: var(--font-ui)}:root[data-palette=ocean]{--pink: #2a9aa8;--pink-deep: #1f7a88;--peach: #5fc7b3;--blue: #1f6fae;--me: #2a9aa8;--them: #1f4f9c;--paper: #e6f4ff;--paper-deep: #d4ebff;--cream: #d4eef0;--peach-sticky: #c8e8e0;--blue-sticky: #d4ebff;--status-bg: #e6f4ff;--bg-wash: radial-gradient(55% 40% at 15% 10%, #8fc8ff 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #7fd4c4 0%, transparent 65%), radial-gradient(45% 35% at 95% 15%, #a8d0ff 0%, transparent 70%), var(--paper)}:root[data-palette=forest]{--pink: #1f5a3a;--pink-deep: #144a2a;--peach: #c4d96b;--blue: #4a8a6b;--me: #3a8a5c;--them: #d49a3a;--paper: #e8f2dc;--paper-deep: #d8e8c8;--cream: #f0f7d6;--peach-sticky: #d6ecb8;--blue-sticky: #c8e8d4;--status-bg: #e8f2dc;--bg-wash: radial-gradient(55% 40% at 15% 10%, #a8d68a 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #7cc89a 0%, transparent 65%), radial-gradient(45% 35% at 95% 15%, #c4e08a 0%, transparent 70%), var(--paper)}:root[data-palette=twilight]{--pink: #d44e9c;--pink-deep: #b03680;--peach: #7decd0;--blue: #5a7fd4;--me: #8a4fd4;--them: #2ab8c4;--paper: #e8e2f5;--paper-deep: #d8d0ee;--cream: #d8f0e8;--peach-sticky: #ffc8e0;--blue-sticky: #b8e6da;--status-bg: #e8e2f5;--bg-wash: radial-gradient(55% 40% at 15% 10%, #c4a8ff 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #7decd0 0%, transparent 65%), radial-gradient(45% 35% at 95% 15%, #ff9ecf 0%, transparent 70%), var(--paper)}:root[data-theme=dark]{--ink: #fff0e0;--ink-soft: rgba(255,240,224,.8);--paper: #3a1f4d;--paper-deep: #4a2a5e;--cream: #5a3568;--peach-sticky: #6e3d58;--blue-sticky: #3d4a78;--muted: #d0a8cc;--muted-soft: #a884a8;--surface: #4a2f5c;--surface-2: #5a3d6e;--bg-wash: radial-gradient(55% 40% at 15% 10%, #a04a8a 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #d6709a 0%, transparent 60%), radial-gradient(45% 35% at 95% 15%, #7a5ad4 0%, transparent 70%), var(--paper);--shadow-card: 5px 5px 0 rgba(255,240,224,.35);--shadow-card-sm: 3px 3px 0 rgba(255,240,224,.35);--shadow-card-xs: 2px 2px 0 rgba(255,240,224,.35)}:root[data-theme=dark][data-palette=ocean]{--paper: #1a3a55;--paper-deep: #244a6a;--cream: #2a5a78;--peach-sticky: #2a4a70;--blue-sticky: #1f5a55;--surface: #244a6a;--surface-2: #2e587a;--bg-wash: radial-gradient(55% 40% at 15% 10%, #4a8ed4 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #4ad0a8 0%, transparent 60%), radial-gradient(45% 35% at 95% 15%, #5fb8e8 0%, transparent 70%), var(--paper)}:root[data-theme=dark][data-palette=forest]{--paper: #1f3525;--paper-deep: #2a4a32;--cream: #3a5a40;--peach-sticky: #4a5a30;--blue-sticky: #2a4a3a;--surface: #2a4a32;--surface-2: #355a3e;--bg-wash: radial-gradient(55% 40% at 15% 10%, #5aa86a 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #8ac478 0%, transparent 60%), radial-gradient(45% 35% at 95% 15%, #c4d04a 0%, transparent 70%), var(--paper)}:root[data-theme=dark][data-palette=twilight]{--paper: #1f3d4a;--paper-deep: #2a505e;--cream: #356070;--peach-sticky: #3d4f6e;--blue-sticky: #1f5a60;--surface: #2a505e;--surface-2: #356070;--bg-wash: radial-gradient(55% 40% at 15% 10%, #6a8ed4 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #4cd0d8 0%, transparent 60%), radial-gradient(45% 35% at 95% 15%, #8a6fd4 0%, transparent 70%), var(--paper)}:root[data-theme=dark] .theme-segments{background:color-mix(in srgb,var(--paper) 70%,#000 30%);border-color:color-mix(in srgb,var(--ink) 70%,transparent)}:root[data-theme=dark] .theme-segments.sliding:before{background:color-mix(in srgb,var(--surface-2) 76%,#000 24%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent)}:root[data-theme=dark] .segment{color:color-mix(in srgb,var(--muted) 84%,#fff 16%)}:root[data-theme=dark] .segment.on{color:var(--ink)}:root[data-theme=dark] .palette-swatch.on{background:color-mix(in srgb,var(--surface) 62%,#000 38%)}:root[data-theme=dark] .icon-tile{background:color-mix(in srgb,var(--surface) 78%,#000 22%)}:root[data-theme=dark] .icon-tile.on{background:color-mix(in srgb,var(--surface-2) 76%,#000 24%)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--ink: #fff0e0;--ink-soft: rgba(255,240,224,.8);--paper: #3a1f4d;--paper-deep: #4a2a5e;--cream: #5a3568;--peach-sticky: #6e3d58;--blue-sticky: #3d4a78;--muted: #d0a8cc;--muted-soft: #a884a8;--surface: #4a2f5c;--surface-2: #5a3d6e;--bg-wash: radial-gradient(55% 40% at 15% 10%, #a04a8a 0%, transparent 65%), radial-gradient(50% 40% at 90% 85%, #d6709a 0%, transparent 60%), radial-gradient(45% 35% at 95% 15%, #7a5ad4 0%, transparent 70%), var(--paper);--shadow-card: 5px 5px 0 #14081c;--shadow-card-sm: 3px 3px 0 #14081c;--shadow-card-xs: 2px 2px 0 #14081c}:root:not([data-theme]) .theme-segments{background:color-mix(in srgb,var(--paper) 70%,#000 30%);border-color:color-mix(in srgb,var(--ink) 70%,transparent)}:root:not([data-theme]) .theme-segments.sliding:before{background:color-mix(in srgb,var(--surface-2) 76%,#000 24%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent)}:root:not([data-theme]) .segment{color:color-mix(in srgb,var(--muted) 84%,#fff 16%)}:root:not([data-theme]) .segment.on{color:var(--ink)}:root:not([data-theme]) .palette-swatch.on{background:color-mix(in srgb,var(--surface) 62%,#000 38%)}:root:not([data-theme]) .icon-tile{background:color-mix(in srgb,var(--surface) 78%,#000 22%)}:root:not([data-theme]) .icon-tile.on{background:color-mix(in srgb,var(--surface-2) 76%,#000 24%)}}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg-wash);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}html,body{background-color:var(--status-bg, var(--paper))}html,body{overscroll-behavior-y:contain}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit;color:inherit}.app{max-width:640px;margin:0 auto;padding:16px 18px var(--bottom-action-reserve);padding-top:0;position:relative}.app-safe-cap{position:sticky;top:0;z-index:7;box-sizing:border-box;height:max(26px,calc(env(safe-area-inset-top,0px) + 24px));margin:0 -18px;padding:env(safe-area-inset-top,0px) 18px 2px;display:flex;align-items:center;justify-content:center;background:var(--bg-wash);background-attachment:fixed;pointer-events:none}.app-mini-logo{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;color:var(--pink);opacity:.78}.app-header{position:relative;padding:2px 0 6px;display:flex;flex-direction:column;z-index:2}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-mark{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff6ba0,var(--peach));display:grid;place-items:center;color:#fff;border:var(--border);box-shadow:0 4px #b43c784d,0 8px 18px #ff6ba059;transform:rotate(-6deg);flex-shrink:0}.app-display{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1;margin:8px 0 2px;color:var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.app-display .accent{color:var(--pink)}.app-sub{font-size:11px;font-weight:600;color:var(--muted);margin:2px 0 0}.confetti{position:absolute;top:0;left:-18px;right:-18px;height:130px;pointer-events:none;opacity:.7;z-index:0}.confetti span{position:absolute;width:8px;height:8px}.search-bar{margin:8px 0 10px;padding:7px 12px;border-radius:var(--radius-search);background:var(--surface);border:var(--border);box-shadow:3px 3px 0 var(--ink);font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.search-bar input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--ink);font-size:16px;padding:4px 0}.search-bar input::placeholder{color:var(--muted-soft);font-size:13.5px}.search-bar input[type=search]::-webkit-search-cancel-button,.search-bar input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.search-clear{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--cream);color:var(--ink);border:1.5px solid var(--ink);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;font-weight:700}.filter-bar{display:flex;align-items:center;gap:8px;margin:0 -18px 10px;overflow-x:auto;scrollbar-width:none;padding:2px 22px;scroll-padding-inline-end:22px}.filter-bar::-webkit-scrollbar{display:none}.chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-pill);background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);font-size:12.5px;font-weight:700;color:var(--ink);text-transform:none;letter-spacing:0}.chip.on{background:var(--ink);color:var(--paper)}.chip-count{display:inline-grid;place-items:center;min-width:18px;padding:0 5px;height:18px;border-radius:999px;background:#2a1a3d1f;font-size:10px;font-weight:800;color:var(--ink)}.chip.on .chip-count{background:#ffffff38;color:var(--paper)}.tags-browse-chip{gap:5px}.sort-select{flex-shrink:0;font:inherit;font-size:12px;font-weight:700;padding:7px 24px 7px 12px;border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);border:var(--border);box-shadow:var(--shadow-card-xs);outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%232a1a3d' d='M5 6L0 0h10z'/></svg>");background-repeat:no-repeat;background-position:right 9px center;max-width:110px}.tag-browser-backdrop{position:fixed;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;background:#2a1a3d59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease-out}.tag-browser-sheet{width:100%;max-width:480px;max-height:calc(82dvh - env(safe-area-inset-top,0px));padding:8px 18px max(20px,env(safe-area-inset-bottom));border:var(--border);border-bottom:0;border-radius:24px 24px 0 0;background:var(--paper);color:var(--ink);box-shadow:0 -10px 40px #2a1a3d47;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideUp .2s ease-out}.tag-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 0 12px}.tag-browser-head h3{margin:0 0 2px;font-size:20px;line-height:1.1}.tag-browser-head p{margin:0;color:var(--muted);font-size:12px;font-weight:700}.tag-browser-close{width:32px;height:32px;border-radius:999px;background:var(--surface);border:var(--border);color:var(--ink);font-size:18px;font-weight:800;line-height:1;box-shadow:var(--shadow-card-xs)}.tag-browser-search{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;border-radius:14px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);color:var(--muted)}.tag-browser-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px;font-weight:700}.tag-browser-search button{width:24px;height:24px;border-radius:50%;background:var(--cream);color:var(--ink);font-weight:800}.tag-browser-list{display:flex;flex-direction:column;gap:7px;padding-top:7px}.tag-browser-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:14px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);color:var(--ink);font-size:14px;font-weight:800;text-align:left}.tag-browser-select{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 6px;color:inherit;text-align:left}.tag-browser-select span{min-width:0;overflow:hidden;text-overflow:ellipsis}.tag-browser-row strong{min-width:28px;height:24px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;background:#2a1a3d1a;color:var(--ink);font-size:11px;font-weight:900}.tag-browser-row.on{background:var(--ink);color:var(--paper)}.tag-browser-row.on strong{background:#ffffff38;color:var(--paper)}.tag-icon-btn{flex:0 0 auto;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:var(--paper);border:1.5px solid color-mix(in srgb,var(--ink) 62%,transparent);color:var(--ink);font-size:16px;font-weight:900}.tag-icon-btn.danger{color:#9f2648;border-color:color-mix(in srgb,#9f2648 70%,transparent)}.tag-browser-row.on .tag-icon-btn{background:#ffffff29;border-color:#ffffff59;color:var(--paper)}.tag-browser-row.on .tag-icon-btn.danger{color:#ffd5df}.tag-browser-row.editing{align-items:stretch;background:var(--paper)}.tag-browser-row.editing input{flex:1;min-width:0;border:0;outline:0;border-radius:10px;padding:0 10px;background:var(--surface);color:var(--ink);font-size:15px;font-weight:800}.tag-manage-btn{flex:0 0 auto;padding:0 10px;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--ink) 50%,transparent);background:var(--surface);color:var(--ink);font-size:12px;font-weight:900}.tag-manage-btn.save{background:var(--ink);color:var(--paper)}.tag-browser-empty{margin:12px 0 4px;color:var(--muted);font-size:13px;font-weight:700;text-align:center}.feed{display:flex;flex-direction:column;gap:18px;padding:4px 0 var(--bottom-action-reserve)}.empty{text-align:center;padding:60px 20px;color:var(--muted);font-weight:600}.empty-mark{font-size:48px;margin-bottom:12px}.empty-mark.spinning{display:inline-block;animation:loopSpin 1.6s linear infinite;color:var(--pink)}@keyframes loopSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty p{margin:4px 0}.empty .dim{color:var(--muted-soft)}.card{position:relative;display:flex;gap:12px;padding:12px;background:var(--surface);border:var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.feed>.swipe-host:nth-child(odd){--tilt: -1.2deg}.feed>.swipe-host:nth-child(2n){--tilt: 1.4deg}.swipe-host>.card{transform:rotate(var(--tilt, 0deg))}.feed>.swipe-host:nth-child(2n) .note-tape{background:var(--peach-sticky);transform:rotate(2deg)}.feed>.swipe-host:nth-child(3n) .note-tape{background:var(--blue-sticky)}.card.watched .thumb-wrap,.card.watched .card-body,.card.watched .feed-note-wide{opacity:.62}.swipe-host{position:relative}.swipe-host,.swipe-host *{touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.swipe-host img{-webkit-user-drag:none;pointer-events:none}.swipe-host>.card{position:relative;z-index:2;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0) rotate(var(--tilt, 0deg));transition:transform .24s cubic-bezier(.2,.8,.2,1)}.swipe-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:0 22px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--green);border-radius:var(--radius-card);z-index:1;opacity:0;transition:opacity .12s ease;pointer-events:none;gap:8px}.swipe-action.unwatch{background:var(--pink)}.swipe-action.visible{opacity:1}.swipe-action-label{white-space:nowrap}@media(hover:hover){.card:hover{transform:translateY(-2px) rotate(0);box-shadow:7px 7px 0 var(--ink)}}.card-main{flex:1;display:flex;gap:12px;flex-wrap:wrap;padding:0;text-align:left;align-items:flex-start;background:none}.thumb-wrap{position:relative;flex-shrink:0}.thumb{position:relative;width:120px;aspect-ratio:16/9;border-radius:var(--radius-thumb);overflow:hidden;background:#efe6dc;border:var(--border)}.thumb.short{width:80px;aspect-ratio:9/16}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.short img{transform:scale(1.78);transform-origin:center}.placeholder-thumb{width:100%;height:100%;display:grid;place-items:center;font-family:var(--font-ui);font-size:15px;font-weight:900;letter-spacing:.08em;background:var(--blue);color:#fff}.placeholder-thumb.fb{background:linear-gradient(160deg,#1877f2,#5ba4ff)}.placeholder-thumb.ig{background:linear-gradient(160deg,#f58529,#dd2a7b 55%,#8134af)}.placeholder-thumb.tt{background:linear-gradient(160deg,#111,#2f2142 45%,#25f4ee 46%,#fe2c55)}.from-tag{position:absolute;top:-12px;left:-14px;padding:5px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;border:var(--border);transform:rotate(-8deg);z-index:3;box-shadow:2px 2px 0 var(--ink),0 4px 8px #2a1a3d2e;white-space:nowrap}.from-tag.me{background:var(--user-color, var(--me))}.from-tag.them{background:var(--user-color, var(--them))}.provider-badge{position:absolute;bottom:6px;left:6px;background:#000000b3;color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px;letter-spacing:.04em}.provider-badge.fb{background:#1877f2}.provider-badge.ig{background:linear-gradient(135deg,#f58529,#dd2a7b 50%,#8134af 90%)}.provider-badge.tt{background:linear-gradient(135deg,#111 0% 48%,#25f4ee 49%,#fe2c55)}.provider-badge.yt{background:#f03}.short-badge{position:absolute;bottom:6px;right:6px;background:#000000c7;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase}.unwatched-dot{position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:50%;background:var(--pink);border:2px solid #fff;box-shadow:0 1px 4px #2a1a3d66}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.card-when{font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.card-title{font-size:14.5px;font-weight:700;line-height:1.3;margin:0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.005em;min-width:0;max-width:100%;word-break:break-word;overflow-wrap:anywhere}.card-author{font-size:11.5px;color:var(--muted);margin:0;font-weight:500}.note-tape{display:inline-block;align-self:flex-start;margin-top:6px;padding:7px 14px 9px;background:color-mix(in srgb,var(--user-color, var(--cream)) 22%,var(--cream) 78%);border:var(--border);border-radius:var(--radius-note);font-family:var(--font-hand);font-size:16.5px;font-weight:700;line-height:1.3;color:var(--ink);transform:rotate(-2.5deg);box-shadow:var(--shadow-card-xs);max-width:100%}.feed-note-wide{flex:0 0 100%;width:100%;align-self:stretch;box-sizing:border-box;margin-top:0;padding:10px 14px 12px;font-size:16px;line-height:1.28}.card:nth-child(2n) .note-tape{background:color-mix(in srgb,var(--user-color, var(--peach-sticky)) 22%,var(--peach-sticky) 78%);transform:rotate(2deg)}.card:nth-child(3n) .note-tape{background:color-mix(in srgb,var(--user-color, var(--blue-sticky)) 22%,var(--blue-sticky) 78%)}.watched-stamp{position:absolute;top:8px;right:8px;font-family:var(--font-stamp);font-size:10.5px;font-weight:800;letter-spacing:.18em;padding:4px 9px 5px;background:var(--green);color:#fff;border:2px solid var(--ink);text-transform:uppercase;border-radius:4px;z-index:3;box-shadow:1.5px 1.5px 0 var(--ink)}.reaction-discs{position:absolute;bottom:-10px;right:14px;display:flex;z-index:3}.reaction-discs span{width:32px;height:32px;border-radius:50%;background:var(--surface);border:var(--border);display:grid;place-items:center;font-size:16px;margin-left:-10px;box-shadow:var(--shadow-disc)}.reaction-discs span:first-child{margin-left:0;transform:rotate(-8deg)}.reaction-discs span:nth-child(2){transform:rotate(6deg)}.reaction-discs span:nth-child(3){transform:rotate(-3deg)}.card-meta{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-weight:600}.card-reply-preview{flex:0 0 100%;width:100%;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;margin-top:0;max-width:100%;padding:7px 9px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--user-color, var(--pink)) 48%,var(--ink) 18%);background:color-mix(in srgb,var(--user-color, var(--cream)) 12%,var(--cream) 62%)}.reply-count-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:4px 7px;border-radius:999px;background:var(--user-color, var(--pink));color:#fff;font-size:10px;font-weight:900;line-height:1;white-space:nowrap}.reply-preview-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px;font-weight:750;line-height:1.28}.reply-preview-text strong{margin-right:5px;font-weight:900;color:var(--pink-deep)}.card-tags,.detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.card-tags span,.detail-tags span{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:var(--blue-sticky);border:1.5px solid rgba(42,26,61,.25);color:var(--ink);font-family:var(--font-ui);font-size:11px;font-weight:800;line-height:1}.detail-tags{margin:8px 0 4px}.detail-tags-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0 8px}.detail-tags-row.empty{margin-bottom:10px;padding:0;text-align:inherit;color:inherit;font-weight:inherit}.detail-tags-row .detail-tags{margin:0}.detail-tags span{min-height:26px;padding:5px 10px;background:var(--cream);border:var(--border);box-shadow:var(--shadow-card-xs);font-size:12px}.tag-edit-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin:0;width:28px;height:28px;padding:0;border-radius:999px;border:var(--border);background:var(--surface);box-shadow:var(--shadow-card-xs);color:var(--ink);font-size:11.5px;font-weight:850}.tag-edit-btn.empty{width:auto;min-height:30px;padding:7px 12px;border-style:dashed;font-size:12px}.tag-editor{display:flex;flex-direction:column;gap:7px;margin:8px 0 12px}.tag-chip{color:var(--pink-deep)}.tag-chip.on{color:var(--paper)}.card.pinned{background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface) 100%);border-color:var(--ink)}.favorite-corner{position:absolute;top:4px;right:4px;font-size:13px;line-height:1;pointer-events:none;background:#0000008c;border-radius:999px;padding:3px 5px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.watched-toggle{width:48px;flex-shrink:0;display:grid;place-items:center;background:var(--surface);border:var(--border);border-radius:14px;box-shadow:var(--shadow-card-xs);font-size:18px;color:var(--muted);transition:background .12s,color .12s}.watched-toggle.on{background:var(--green);color:#fff;border-color:var(--ink)}.bottom-action-dock{position:fixed;left:0;right:0;bottom:var(--bottom-action-gap);z-index:60;display:flex;justify-content:center;pointer-events:none;padding:0 max(16px,calc((100vw - 640px)/2 + 18px));transform:translateZ(0);will-change:transform}.big-stamp{width:100%;max-width:604px;height:var(--bottom-action-height);padding:0 22px;background:linear-gradient(135deg,#ff6ba0,var(--peach));color:#fff;border:var(--border);border-radius:22px;box-shadow:0 6px #b43c7859,0 10px 24px #ff6ba066,var(--shadow-card);font-size:16px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:auto;transform:none;will-change:auto;transition:transform .1s ease,box-shadow .12s}.big-stamp:active{transform:none;box-shadow:0 3px #b43c7859,0 5px 12px #ff6ba04d,2px 2px 0 var(--ink)}.app.detail-open>.app-header,.app.detail-open>.app-safe-cap,.app.detail-open>.search-bar,.app.detail-open>.filter-bar,.app.detail-open>.feed,.app.detail-open>.empty,.app.detail-open>.bottom-action-dock{visibility:hidden}.header-icon-btn{width:40px;height:40px;border-radius:12px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);display:grid;place-items:center;font-size:18px;flex-shrink:0;transition:transform .08s}.header-icon-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.header-right{display:flex;gap:8px;align-items:center}.compose-overlay{position:fixed;inset:0;z-index:90;background:var(--bg-wash);background-attachment:fixed;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:detailSlideIn .26s cubic-bezier(.32,.72,0,1)}.compose-stage{max-width:640px;margin:0 auto;padding:env(safe-area-inset-top) 0 max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100%}.compose-top{padding:14px 16px 8px;display:flex;justify-content:space-between;align-items:center}.compose-to{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.compose-h{padding:8px 22px 18px}.compose-h h2{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:0 0 4px;color:var(--ink)}.compose-h p{font-size:13.5px;color:var(--muted);margin:0;font-weight:600}.compose-quick-paste{margin:0 16px 10px;padding:12px 14px;border-radius:16px;border:var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 16%,var(--surface) 84%),color-mix(in srgb,var(--orange) 12%,var(--surface) 88%));color:var(--ink);box-shadow:var(--shadow-card-xs);display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:transform .08s ease,background .14s ease}.compose-quick-paste-primary{margin:0 16px 14px;padding:17px 16px;border-radius:20px;background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff8ea;box-shadow:0 12px #2a1a3d2e,var(--shadow-card)}.compose-quick-paste:active{transform:translateY(1px) scale(.99)}.compose-quick-paste>svg{color:var(--pink-deep);flex-shrink:0}.compose-quick-paste-primary>svg,.compose-quick-paste-primary .compose-quick-paste-icon{color:#fff8ea}.compose-quick-paste-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#fff8ea2e;border:2px solid rgba(255,248,234,.7)}.compose-quick-paste span{display:flex;flex-direction:column;gap:2px;min-width:0}.compose-quick-paste strong{font-size:13px;line-height:1.1;font-weight:900}.compose-quick-paste-primary strong{font-size:17px;line-height:1.08}.compose-quick-paste small{font-size:11.5px;line-height:1.25;color:var(--muted);font-weight:700}.compose-quick-paste-primary small{margin-top:3px;color:#fff8eae0;font-size:12px;line-height:1.3}.compose-or{margin:0 20px 8px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.compose-or:before,.compose-or:after{content:"";height:1px;flex:1;background:color-mix(in srgb,var(--muted) 24%,transparent 76%)}.compose-paste{margin:0 16px 12px;padding:13px 14px;border-radius:14px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink)}.compose-paste-empty{padding:0;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 13%,var(--surface) 87%),color-mix(in srgb,var(--orange) 10%,var(--surface) 90%))}.compose-paste-action{width:100%;min-height:72px;padding:13px 14px;border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.compose-paste-action:active{transform:translateY(1px)}.compose-paste-action-icon{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff8ea;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 5px #2a1a3d24}.compose-paste-action-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.compose-paste-action-copy strong{font-size:15px;line-height:1.08;font-weight:900}.compose-paste-action-copy small{color:var(--muted);font-size:11.5px;line-height:1.25;font-weight:750}.compose-paste-icon{color:var(--muted);display:inline-flex;flex-shrink:0}.compose-paste input{flex:1;min-width:0;background:none;border:none;outline:none;font:inherit;font-weight:600;color:var(--ink)}.compose-paste input::placeholder{color:var(--muted-soft)}.compose-manual-link{align-self:flex-start;margin:-3px 20px 12px;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.compose-clear{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(42,26,61,.18);background:#2a1a3d0f;color:var(--muted);display:inline-grid;place-items:center;padding:0;flex-shrink:0;cursor:pointer;transition:transform .08s,background .12s,color .12s}.compose-clear:active{transform:scale(.92);background:#2a1a3d1f;color:var(--ink)}.compose-paste-btn{min-height:30px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--pink) 12%,var(--surface) 88%);border:1.5px solid color-mix(in srgb,var(--pink) 42%,transparent);color:var(--pink-deep);display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:11.5px;font-weight:850;line-height:1;cursor:pointer;transition:transform .08s,background .12s,color .12s}.compose-paste-btn:active{transform:scale(.96);background:color-mix(in srgb,var(--pink) 18%,var(--surface) 82%)}.compose-paste-hint{margin:-4px 16px 12px}.compose-ok{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:#d4f5e0;padding:4px 8px;border-radius:6px;border:1.5px solid var(--green);flex-shrink:0}.compose-preview{margin:0 16px 14px;padding:12px;border-radius:16px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);display:flex;gap:12px}.compose-preview-thumb{width:110px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#efe6dc;border:1.5px solid var(--ink);flex-shrink:0}.compose-preview-thumb img{width:100%;height:100%;object-fit:cover}.compose-preview-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.compose-preview-from{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.compose-preview-title{font-size:13.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)}.compose-preview-author{font-size:11px;color:var(--muted)}.compose-note-input{margin:14px 22px;position:relative}.compose-note-input textarea{width:100%;padding:22px 22px 16px;min-height:120px;background:var(--cream);border:var(--border);border-radius:6px;font-family:var(--font-hand);font-size:21px;font-weight:700;color:var(--ink);line-height:1.5;outline:none;resize:none;background-image:linear-gradient(var(--cream) 27px,rgba(42,26,61,.13) 28px);background-size:100% 28px;box-shadow:0 1px #0000000d,0 3px #00000008,0 14px 24px -8px #2a1a3d2e,var(--shadow-card-xs)}.compose-note-input textarea::placeholder{color:var(--muted);opacity:.85;font-style:italic}.compose-note-input:before{content:"";position:absolute;width:80px;height:16px;background:repeating-linear-gradient(45deg,#ffaa5aa6 0 4px,#ffd28ca6 4px 8px);border:1.5px solid var(--ink);top:-10px;left:50%;transform:translate(-50%) rotate(-3deg);border-radius:1px;z-index:2;box-shadow:0 1px 2px #b48c1e4d}.compose-tags{margin:0 22px 14px;display:flex;flex-direction:column;gap:6px}.compose-tags span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.compose-tags input,.tag-editor input{width:100%;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:12px;box-shadow:var(--shadow-card-xs);outline:none;color:var(--ink);font-weight:700}.compose-tags input:focus,.tag-editor input:focus{border-color:var(--pink)}.compose-tags small,.tag-editor small{color:var(--muted);font-size:11.5px;font-weight:700}.compose-foot{margin-top:auto;padding:12px 16px 22px;display:flex;gap:10px}.compose-foot .ghost{flex:1;padding:14px;font-size:14px}.compose-foot .send-btn{flex:1.6;padding:14px;border-radius:14px;background:var(--ink);color:var(--paper);font-size:14.5px;font-weight:800;border:var(--border);box-shadow:var(--shadow-card-xs);display:inline-flex;align-items:center;justify-content:center;gap:8px}.compose-foot .send-btn:disabled{opacity:.55}.compose-foot .send-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.composer-trigger{display:none}.composer{background:var(--surface);border:var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px;display:flex;flex-direction:column;gap:10px;transform:rotate(-.5deg)}.composer input{width:100%;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:var(--radius-input);outline:none;box-shadow:var(--shadow-card-xs);font-weight:600}.composer input:focus{border-color:var(--pink)}.composer-row{display:flex;gap:8px}.composer-row input{flex:1}.composer-actions{display:flex;justify-content:flex-end;gap:8px}.error{color:var(--pink-deep);font-size:13px;margin:0;font-weight:700}.hint{font-size:11.5px;color:var(--muted);margin:0;padding:8px 10px;background:var(--blue-sticky);border:var(--border);border-radius:8px;line-height:1.45;box-shadow:var(--shadow-card-xs)}.hint strong{color:var(--ink);font-weight:700}.primary{padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#ff6ba0,var(--peach));color:#fff;font-weight:800;border:var(--border);box-shadow:var(--shadow-card-xs);transition:transform .08s,box-shadow .12s}.primary:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.primary:disabled{opacity:.55;cursor:not-allowed}.ghost{padding:10px 14px;border-radius:10px;background:var(--surface);color:var(--ink);font-weight:700;border:var(--border);box-shadow:var(--shadow-card-xs)}.ghost:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.ghost.danger{color:var(--pink-deep)}.detail-overlay{position:fixed;inset:0;z-index:80;background:var(--bg-wash);background-attachment:fixed;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:detailSlideIn .26s cubic-bezier(.32,.72,0,1)}.detail-overlay>.detail{max-width:640px;margin:0 auto;padding:0 16px 110px}@keyframes detailSlideIn{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}.detail-safe-cap{position:sticky;top:0;z-index:6;box-sizing:border-box;height:max(26px,calc(env(safe-area-inset-top,0px) + 24px));margin:0 -16px;padding:env(safe-area-inset-top,0px) 16px 2px;display:flex;align-items:center;justify-content:center;background:var(--bg-wash);background-attachment:fixed;pointer-events:none}.detail-mini-logo{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;color:var(--pink);opacity:0;transform:translateY(-4px) scale(.82);transition:opacity .18s ease,transform .18s ease}.detail.scrolled .detail-mini-logo{opacity:.78;transform:translateY(0) scale(1)}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 7px;margin:0 0 5px}.back-pill{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:7px 13px 7px 10px;border-radius:var(--radius-pill);background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);font-size:13px;font-weight:800;color:var(--ink)}.back-pill:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.detail-top-right{display:flex;gap:7px;align-items:center}.fav-btn{width:36px;height:36px;border-radius:12px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);display:grid;place-items:center;font-size:17px;color:var(--muted);transition:background .12s,color .12s}.fav-btn.on{background:var(--ink);color:#f5cf6b}.fav-btn.saved{background:var(--green);color:#fff}.player{margin:6px 0 14px;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-card);overflow:hidden;border:var(--border);box-shadow:var(--shadow-card);outline:4px solid #fff;outline-offset:-6px;transform:rotate(-.6deg);position:relative;z-index:0}.player iframe{width:100%;height:100%;border:0}.player.short{aspect-ratio:9/16;max-width:min(100%,calc((100vh - 280px)*.5625));margin:6px auto 14px}.detail-body{padding-top:4px}.detail-body h2{font-size:22px;font-weight:800;line-height:1.2;margin:0 0 5px;letter-spacing:-.025em;color:var(--ink)}.detail-body .author{font-size:12.5px;color:var(--muted);margin:0 0 14px;font-weight:600}.detail-body .meta{font-size:11px;color:var(--muted);margin:0 0 8px;font-weight:600}.detail-body .meta .dot{margin:0 6px;opacity:.6}.detail-action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:8px 0 12px}.detail-action-stack.tags-open{gap:12px}.detail-action-stack.empty{gap:7px;margin-top:6px;padding:0;text-align:inherit;color:inherit;font-weight:inherit}.detail-action-stack .detail-tags-row,.detail-action-stack .tag-editor,.detail-action-stack .note.big,.detail-action-stack .note-add-btn,.detail-action-stack .note-editor,.detail-action-stack .reactions-row,.detail-action-stack .quick-reactions{margin-top:0;margin-bottom:0}.detail-action-stack .detail-tags-row.empty{margin-bottom:0}.detail-action-stack .tag-editor,.detail-action-stack .note-editor,.detail-action-stack .quick-reactions{width:100%}.detail-action-stack.tags-open .tag-editor{margin-bottom:8px}.detail-action-stack.tags-open .note.big,.detail-action-stack.tags-open .note-add-btn,.detail-action-stack.tags-open .note-editor{margin-top:6px}.detail-action-stack .quick-reactions{padding-top:1px;padding-bottom:4px}.note.big{position:relative;margin:14px 0 18px;padding:18px 22px 22px;background:color-mix(in srgb,var(--user-color, var(--cream)) 18%,var(--cream) 82%);border:var(--border);border-radius:6px;font-family:var(--font-hand);font-size:21px;line-height:1.45;color:var(--ink);font-weight:700;box-shadow:0 1px #0000000d,0 3px #00000008,0 14px 24px -8px #2a1a3d2e,var(--shadow-card-xs);display:flex;gap:8px;justify-content:space-between}.note.big:before{content:"";position:absolute;width:80px;height:16px;background:repeating-linear-gradient(45deg,#ffaa5aa6 0 4px,#ffd28ca6 4px 8px);border:1.5px solid var(--ink);top:-10px;left:50%;transform:translate(-50%) rotate(-3deg);border-radius:1px;box-shadow:0 1px 2px #b48c1e4d}.note.big.clamped{max-height:7.6em;overflow:hidden}.note-text{display:block}.note-toggle{display:inline;font-family:var(--font-ui);margin-left:6px;color:var(--pink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.note-edit-btn{font-size:14px;opacity:.7;flex-shrink:0;padding:2px 6px;border-radius:6px}.note-edit-btn:hover{opacity:1;background:#2a1a3d14}.note-add-btn{margin:4px 0 8px;padding:9px 14px;border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;border:2px dashed var(--ink);box-shadow:var(--shadow-card-xs)}.note-add-btn:hover{background:var(--cream)}.note-editor{margin:12px 0;display:flex;flex-direction:column;gap:8px}.note-editor input{width:100%;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:12px;outline:none;box-shadow:var(--shadow-card-xs);font-weight:600}.note-editor input:focus{border-color:var(--pink)}.note-editor-actions{display:flex;justify-content:flex-end;gap:8px}.quick-reactions{display:flex;gap:8px;margin:0 0 10px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px}.quick-reactions::-webkit-scrollbar{display:none}.quick-react{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--surface);border:var(--border);font-size:20px;display:grid;place-items:center;box-shadow:var(--shadow-disc);transition:transform .1s}.quick-react:active{transform:scale(.88)}.quick-react.mine{background:linear-gradient(135deg,#ff6ba0,var(--peach));color:#fff}.reactions-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;padding-top:2px;align-items:center}.reaction-pill{padding:5px 11px 5px 9px;border-radius:var(--radius-pill);background:var(--surface);border:var(--border);display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;box-shadow:var(--shadow-card-xs);line-height:1}.reaction-pill.mine{background:var(--pink);color:#fff;border-color:var(--ink);box-shadow:1.5px 1.5px 0 var(--ink)}.reaction-pill.mine .reaction-count{color:#fff;opacity:1}.reaction-pill .reaction-emoji{font-size:15px;line-height:1}.reaction-pill .reaction-count{font-size:11px;font-weight:800;opacity:.95}.reaction-add{flex-shrink:0;padding:5px 11px 5px 9px;border-radius:var(--radius-pill);background:var(--surface);border:2px dashed var(--ink);display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--muted);box-shadow:var(--shadow-card-xs);line-height:1}.reaction-add:hover{color:var(--ink);background:var(--cream)}.reaction-add .add-emoji{font-size:15px;line-height:1}.reaction-add .add-plus{font-size:13px;font-weight:800;line-height:1}.reactions-preview{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.reaction-mini{display:inline-flex;align-items:center;gap:3px;background:var(--surface);border:1.5px solid var(--ink);padding:2px 7px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:1px 1px 0 var(--ink)}.reaction-mini .mini-count{font-size:10px;font-weight:800;color:var(--muted)}.reaction-pill.small{padding:2px 8px 2px 6px;font-size:11px;gap:3px;border-width:1.5px;box-shadow:1px 1px 0 var(--ink)}.reaction-pill.small .reaction-emoji{font-size:12px}.reaction-pill.small .reaction-count{font-size:10px}.reaction-add.small{padding:2px 7px 2px 5px;font-size:11px;gap:3px;border-width:1.5px;box-shadow:1px 1px 0 var(--ink)}.reaction-add.small .add-emoji{font-size:12px}.reaction-add.small .add-plus{font-size:10px}.watched-button{width:100%;padding:14px;border-radius:14px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:700;border:var(--border);box-shadow:var(--shadow-card-xs);margin:6px 0 18px;display:flex;align-items:center;justify-content:center;gap:8px}.watched-button.on{background:var(--green);color:#fff}.comments h3,.comments-label{margin:16px 0 8px;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:6px}.comments ul{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}.comments li{display:flex}.reply-wrap{display:flex;flex-direction:column;max-width:84%}.comments li.mine{justify-content:flex-end}.comments li.mine .reply-wrap{align-items:flex-end}.reply-bubble-row{display:flex;align-items:flex-end;gap:6px}.comments li.mine .reply-bubble-row{justify-content:flex-end}.bubble{max-width:100%;padding:9px 13px;font-size:13.5px;line-height:1.4;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);border-radius:18px 18px 18px 6px}.comments li.mine .bubble{background:var(--user-color, var(--me));color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:6px}.comments li:not(.mine) .bubble{background:color-mix(in srgb,var(--user-color, var(--surface)) 12%,var(--surface) 88%);border-color:color-mix(in srgb,var(--user-color, var(--ink)) 45%,var(--ink) 55%)}.comments li.mine .bubble strong{color:#fff}.comments li.mine .bubble small{color:#ffffffd9}.bubble strong{font-size:12px;display:block;margin-bottom:2px;font-weight:800}.bubble p{margin:0;font-size:14px;line-height:1.4}.bubble small{display:block;font-size:10px;opacity:.7;margin-top:4px;font-weight:600}.bubble small .edited{opacity:.7;font-style:italic}.reply-tools{display:flex;gap:4px;align-items:center;flex-shrink:0;opacity:.6;transition:opacity .15s}.reply-tools:hover,.reply-bubble-row:hover .reply-tools{opacity:1}.reply-tool{font-size:12px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1.5px solid var(--ink);box-shadow:1px 1px 0 var(--ink);color:var(--ink)}.reply-tool:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--ink)}.reply-tool.danger{color:var(--pink-deep)}.reply-editor input{width:100%;padding:6px 10px;background:#ffffffd9;color:var(--ink);border:1.5px solid var(--ink);border-radius:8px;outline:none;font:inherit;font-weight:600}.reply-editor-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.reply-action{font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;background:#fffc;color:var(--ink);border:1.5px solid var(--ink)}.reply-action.save{background:var(--ink);color:var(--paper)}.reply-reactions{display:flex;gap:4px;margin-top:4px;padding:0 4px;flex-wrap:wrap}.reply-reactions.mine{justify-content:flex-end}.comment-form{display:flex;gap:8px;margin-top:6px;scroll-margin-bottom:220px}.comment-form input{flex:1;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:14px;outline:none;box-shadow:var(--shadow-card-xs);font-weight:500}.comment-form input:focus{border-color:var(--pink)}.fb-preview{display:block;width:100%;border:var(--border);border-radius:var(--radius-card);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-card);text-decoration:none;color:var(--ink);margin:6px 0 14px}.fb-preview-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#1877f2;overflow:hidden;border-bottom:var(--border)}.fb-preview-thumb img{width:100%;height:100%;object-fit:cover}.fb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;font-size:24px;padding-left:5px;border:var(--border)}.fb-preview-body{padding:14px 16px;background:var(--surface)}.fb-preview-title{font-size:16px;font-weight:700;line-height:1.35;margin-bottom:8px;color:var(--ink)}.fb-preview-cta{font-size:13px;color:#1877f2;font-weight:800}.emoji-backdrop{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:#2a1a3d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease-out;overflow:hidden;overscroll-behavior:contain;touch-action:none}.emoji-sheet,.settings-sheet{width:100%;max-width:480px;max-height:calc(88vh - env(safe-area-inset-top,0px));max-height:calc(88dvh - env(safe-area-inset-top,0px));background:var(--paper);border:var(--border);border-bottom:0;border-radius:24px 24px 0 0;padding:8px 16px max(36px,calc(env(safe-area-inset-bottom) + 20px));box-shadow:0 -10px 40px #2a1a3d4d;animation:slideUp .2s ease-out;color:var(--ink);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.loop-emoji-sheet{padding:8px 14px max(18px,calc(env(safe-area-inset-bottom) + 10px));overflow:hidden}.emoji-sheet-handle{width:44px;height:5px;background:var(--ink);border-radius:999px;margin:6px auto 8px;cursor:grab;opacity:.4;position:relative;touch-action:none}.emoji-sheet-handle:after{content:"";position:absolute;inset:-14px -80px}.emoji-sheet-handle:active{cursor:grabbing}.emoji-sheet-header{padding:5px 0 9px;display:flex;flex-direction:column;gap:2px}.loop-emoji-head{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:8px}.emoji-sheet-header>span:first-child{font-size:14px;font-weight:850;color:var(--ink)}.loop-emoji-head>div{display:flex;flex-direction:column;gap:2px}.loop-emoji-head>div>span:first-child{font-size:14px;font-weight:850;color:var(--ink)}.emoji-sheet-hint{font-size:11px;color:var(--muted);font-weight:650}.emoji-close{width:30px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,var(--paper) 12%);border:1px solid rgba(42,26,61,.16);color:var(--muted);font-size:18px;font-weight:850;line-height:1}.loop-emoji-search{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:15px;background:color-mix(in srgb,var(--surface) 88%,var(--paper) 12%);border:1px solid rgba(42,26,61,.12)}.loop-emoji-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px;font-weight:700}.loop-emoji-search input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}.loop-emoji-search button{width:24px;height:24px;border-radius:999px;color:var(--muted);background:#2a1a3d14;font-weight:850}.loop-emoji-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:9px 0 8px;-webkit-overflow-scrolling:touch}.loop-emoji-tabs::-webkit-scrollbar{display:none}.loop-emoji-tabs button{flex:0 0 auto;min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,var(--paper) 18%);border:1px solid rgba(42,26,61,.12);color:var(--muted);font-size:12px;font-weight:850}.loop-emoji-tabs button.on{background:var(--ink);color:var(--paper)}.loop-emoji-tabs button span{font-size:15px;line-height:1}.loop-emoji-grid{max-height:min(42vh,360px);min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:7px;padding:3px 0 2px}.loop-emoji-grid button{aspect-ratio:1;min-height:44px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid rgba(42,26,61,.08);font-size:25px;line-height:1;transition:transform .1s ease,background .12s ease}.loop-emoji-grid button:active{transform:scale(.92);background:color-mix(in srgb,var(--pink) 15%,var(--surface) 85%)}.loop-emoji-empty{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:13px;font-weight:750;padding:30px 10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-title{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 10px}.settings-title-toggle{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 10px}.settings-title-toggle:hover{color:var(--ink)}.settings-title-chevron{font-size:16px;line-height:1;transition:transform .18s ease-out}.settings-title-toggle.open .settings-title-chevron{transform:rotate(90deg)}.theme-segments{position:relative;display:grid;grid-template-columns:repeat(var(--segment-count, 3),1fr);gap:6px;background:#2a1a3d0f;padding:4px;border-radius:14px;border:var(--border);overflow:hidden}.theme-segments.sliding:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px - (var(--segment-count, 3) - 1) * 6px) / var(--segment-count, 3));border-radius:10px;background:var(--ink);transform:translate(calc(var(--segment-index, 0) * (100% + 6px)));transition:transform .2s cubic-bezier(.2,.8,.2,1);z-index:0}.segment{position:relative;z-index:1;padding:10px 8px;border-radius:10px;font-size:13px;font-weight:700;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;transition:color .16s ease}.segment span:first-child{font-size:18px}.segment.on{color:var(--paper)}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.palette-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;border:2px solid transparent}.palette-swatch.on{border-color:var(--ink);background:#2a1a3d0f}.swatch-circle{width:36px;height:36px;border-radius:50%;border:var(--border);box-shadow:var(--shadow-card-xs)}.swatch-name{font-size:12px;font-weight:700;color:var(--ink)}.settings-done{width:100%;margin-top:22px;padding:14px}.pair-code-row{background:var(--cream);border:1.5px dashed var(--ink);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.pair-code{font-family:var(--font-stamp);font-size:16px;font-weight:800;letter-spacing:.12em;color:var(--ink);text-transform:uppercase}.pair-code-hint{font-size:11px;color:var(--muted);font-weight:600}.sign-out-link{display:block;width:100%;margin-top:14px;padding:10px;background:none;color:var(--pink-deep);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.sign-out-link.danger{color:#c0392b}.icon-picker-groups{display:grid;gap:10px;margin-bottom:12px}.icon-picker-group{padding:9px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1.5px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:16px}.icon-group-header{display:block;margin:0 1px 8px}.icon-group-title{color:var(--ink);font-size:13px;font-weight:900;letter-spacing:.02em}.icon-group-description{display:none}.icon-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:0}.icon-picker.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-tile{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:88px;padding:7px 4px 6px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--ink) 62%,transparent);border-radius:13px;box-shadow:1.5px 1.5px color-mix(in srgb,var(--ink) 72%,transparent);position:relative;transition:transform .12s}.icon-tile:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.icon-tile:disabled{cursor:not-allowed;opacity:.62;transform:none}.icon-tile img{width:46px;height:46px;border-radius:11px;box-shadow:0 3px 8px color-mix(in srgb,var(--ink) 13%,transparent)}.icon-tile-name{font-size:9.2px;font-weight:800;color:var(--ink);line-height:1.05;min-height:20px;display:grid;place-items:center;text-align:center}.icon-tile.on{background:var(--cream);border-color:var(--pink-deep);box-shadow:2px 2px 0 var(--ink)}.icon-tile-current{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:var(--green);color:#fff;font-size:10px;font-weight:800;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center}.install-steps{margin:0 0 14px;padding-left:20px;font-size:13.5px;line-height:1.5;color:var(--ink)}.install-steps li{margin-bottom:8px}.install-url{background:var(--cream);border:1.5px dashed var(--ink);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.install-url code{font-family:var(--font-stamp);font-size:12px;color:var(--ink);word-break:break-all;font-weight:700}.settings-links{display:flex;justify-content:center;gap:16px;margin:14px 0 4px;font-size:13px;font-weight:800}.settings-links a{color:var(--muted);text-decoration:none}.settings-links a:hover{color:var(--accent)}.names-editor{display:flex;flex-direction:column;gap:10px;padding:4px 0 12px}.names-editor label{display:flex;flex-direction:column;gap:4px}.names-editor label>span{font-size:12px;color:var(--muted);font-weight:700}.names-editor input{padding:10px 12px;background:var(--surface);border:var(--border);border-radius:10px;color:var(--ink);outline:none;font:inherit;font-weight:600;box-shadow:var(--shadow-card-xs)}.names-editor input:focus{border-color:var(--pink)}.names-save{align-self:flex-end;padding:10px 16px;font-size:13px}.names-save.saved{background:var(--green)}.user-color-editor{display:flex;flex-direction:column;gap:10px;padding:0 0 8px}.user-color-row{display:grid;grid-template-columns:minmax(82px,.32fr) minmax(0,1fr);align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.user-color-row:last-of-type{border-bottom:none}.user-color-label{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--ink);font-size:13px;font-weight:800}.user-color-label>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-color-label small{display:none}.user-color-current,.user-color-dot{width:20px;height:20px;border-radius:50%;background:var(--user-color);border:1.5px solid color-mix(in srgb,var(--ink) 72%,transparent);box-shadow:1px 1px color-mix(in srgb,var(--ink) 62%,transparent);flex-shrink:0}.user-color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:7px;justify-items:center}.user-color-dot{width:25px;height:25px;padding:0;transition:transform .12s ease,opacity .12s ease}.user-color-dot.on{outline:2.5px solid var(--surface);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--user-color) 36%,transparent),1px 1px color-mix(in srgb,var(--ink) 64%,transparent)}.user-color-dot:disabled{cursor:not-allowed;opacity:.24;filter:grayscale(.55);box-shadow:none}.user-color-dot:not(:disabled):active{transform:scale(.9)}.color-hint{margin:-1px 1px 0;font-size:11.5px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.push-row{padding:4px 0 8px}.push-status{font-size:13px;margin:6px 0;color:var(--ink);line-height:1.4;font-weight:600}.push-status.dim{color:var(--muted)}.push-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}.push-toggle-row>span{font-size:13px;color:var(--ink);flex:1;line-height:1.35;font-weight:600}.switch{width:50px;height:30px;border-radius:999px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);position:relative;flex-shrink:0;padding:0}.switch.on{background:linear-gradient(135deg,#ff6ba0,var(--peach))}.switch:disabled{opacity:.5}.switch-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--ink);transition:transform .18s}.switch.on .switch-knob{transform:translate(20px);background:var(--surface)}.onboarding{min-height:100vh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.onboarding-modal{position:fixed;inset:0;z-index:100;background:var(--bg-wash);overflow-y:auto;align-items:start}.onboarding-card{background:var(--surface);border:var(--border);box-shadow:var(--shadow-card);border-radius:24px;padding:32px 24px;width:100%;max-width:420px;text-align:center;transform:rotate(-1deg)}.onboarding-card .brand-mark.big{width:72px;height:72px;font-size:36px;margin:0 auto}.onboarding-card h1{margin:16px 0 4px;font-size:32px;font-weight:800;letter-spacing:-.03em}.lede{color:var(--muted);margin:0 0 28px;font-weight:600}.onboarding-card form{display:flex;flex-direction:column;gap:14px;text-align:left}.onboarding-card label{display:flex;flex-direction:column;gap:6px}.onboarding-card label>span{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.onboarding-card input{width:100%;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:12px;outline:none;box-shadow:var(--shadow-card-xs);font-weight:600;font-size:16px;scroll-margin-bottom:240px}.onboarding-card input:focus{border-color:var(--pink)}.onboarding-card .row{display:flex;gap:8px}.onboarding-card .row input{flex:1}.onboarding-card small{color:var(--muted);font-size:11px;font-weight:600}.onboarding-card .primary{margin-top:8px}.onboarding-bullets{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;text-align:left}.onboarding-bullets li{display:flex;align-items:center;gap:12px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card-xs);border-radius:14px;padding:10px 14px;font-weight:600;font-size:14px;color:var(--text)}.bullet-emoji{font-size:20px;line-height:1}.onboarding-choices{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.onboarding-choice{text-align:left;background:var(--surface);border:var(--border);box-shadow:var(--shadow-card);border-radius:16px;padding:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font:inherit;color:inherit}@media(hover:hover){.onboarding-choice:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-lg, var(--shadow-card))}}.onboarding-choice:active{transform:translateY(0)}.choice-emoji{font-size:28px;margin-bottom:6px}.choice-title{font-weight:800;font-size:16px;margin-bottom:4px}.choice-sub{font-size:13px;color:var(--muted);font-weight:600;line-height:1.4}.back-link{margin-top:12px;align-self:center;font-size:13px}.onboarding-card .code-display{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:700;letter-spacing:.02em;background:var(--bg-wash, var(--surface))}.onboarding-card .code-actions{gap:8px;margin-top:6px}.onboarding-card .code-actions .ghost{flex:1;padding:10px;font-weight:700}.splash{position:fixed;inset:0;background:var(--bg-wash);display:grid;place-items:center;z-index:1000;animation:splashIn .4s cubic-bezier(.2,.7,.3,1) both;pointer-events:none}.splash.out{animation:splashOut .5s ease-out forwards}.splash-stage{position:relative;width:110px;height:110px}.splash-mark{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#ff6ba0,var(--peach));display:grid;place-items:center;font-size:56px;color:#fff;border:var(--border);box-shadow:0 14px 30px #ff6ba066;animation:splashSpin 2.4s cubic-bezier(.5,0,.5,1) infinite;z-index:2}.splash-shadow{position:absolute;inset:0;border-radius:50%;background:#b43c788c;z-index:1;animation:splashShadowSpin 2.4s cubic-bezier(.5,0,.5,1) infinite}@keyframes splashShadowSpin{0%{transform:rotate(0) translateY(8px)}to{transform:rotate(-360deg) translateY(8px)}}.splash-title{margin-top:22px;font-size:38px;font-weight:800;letter-spacing:-.03em;color:var(--ink);opacity:0;animation:splashFade .6s ease-out .4s forwards}@keyframes splashIn{0%{opacity:0}to{opacity:1}}@keyframes splashOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes splashSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@keyframes splashFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-pill{font-size:10.5px;font-weight:800;color:var(--green);background:var(--surface);border:var(--border);border-radius:999px;padding:4px 10px;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-card-xs);display:inline-flex;align-items:center;gap:5px}.sync-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}.sync-pill[data-syncing=true]{color:var(--peach)}.sync-pill[data-syncing=true]:before{background:var(--peach)}@media(min-width:720px){.card-main{padding:0}.thumb{width:140px}.card-title{font-size:15.5px}}.ios-banner{margin:12px 16px 22px;background:var(--cream);border:var(--border);border-radius:16px;box-shadow:var(--shadow-card-sm);padding:12px 14px;transform:rotate(-.5deg)}.ios-banner-row{display:flex;align-items:center;gap:10px}.ios-banner-emoji{font-size:24px;line-height:1}.ios-banner-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ios-banner-text strong{font-size:14px;font-weight:800;color:var(--ink)}.ios-banner-text small{font-size:12px;color:var(--muted);font-weight:600}.ios-banner-toggle{background:var(--surface);border:var(--border);border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px;color:var(--ink);box-shadow:var(--shadow-card-xs);cursor:pointer;flex-shrink:0}.ios-banner-close{background:transparent;border:none;color:var(--ink);font-size:22px;line-height:1;padding:0 6px;cursor:pointer;flex-shrink:0;opacity:.6}.ios-banner-close:hover{opacity:1}.ios-banner-steps{margin:12px 0 0;padding-left:22px;font-size:13px;font-weight:600;color:var(--ink);line-height:1.5}.ios-banner-steps li{margin-bottom:4px}.share-glyph{display:inline-block;background:var(--surface);border:1.5px solid var(--ink);border-radius:4px;padding:0 4px;font-size:12px;margin:0 2px}.loop-switcher-btn{margin:6px auto 0;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:var(--border);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--ink);box-shadow:var(--shadow-card-xs);cursor:pointer;align-self:center}.loop-switcher-chev{font-size:12px;opacity:.7}.loop-switcher-sheet{min-height:min(680px,calc(100dvh - max(116px,env(safe-area-inset-top,0px) + 78px)));display:flex;flex-direction:column}.loop-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.loop-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:var(--border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-card-sm);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:transform .12s ease}.loop-row:active{transform:translateY(1px)}.loop-row.active{background:var(--cream)}.loop-row-main{flex:1;min-width:0}.loop-row-label{font-weight:800;font-size:15px;color:var(--ink)}.loop-row-sub{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loop-row-badge{background:var(--pink);color:#fff;border:var(--border);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800;box-shadow:var(--shadow-card-xs)}.loop-row-check{font-size:18px;color:var(--pink);font-weight:900}.loop-add-btn{margin-top:4px;margin-bottom:4px}.loop-switcher-sheet .settings-done{margin-top:auto}.tutorial-backdrop,.share-loop-backdrop{position:fixed;inset:0;z-index:180;display:flex;align-items:flex-end;justify-content:center;background:#2a1a3d57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tutorial-sheet,.share-loop-sheet{width:min(100%,520px);max-height:86vh;overflow-y:auto;border-radius:28px 28px 0 0;border:var(--border);border-bottom:0;background:var(--paper);color:var(--ink);box-shadow:0 -18px 40px #2a1a3d3d;padding:12px 20px max(20px,calc(env(safe-area-inset-bottom) + 14px))}.tutorial-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:8px 0 16px}.tutorial-kicker{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tutorial-head h2{margin:0;font-size:24px;line-height:1.05;letter-spacing:0}.tutorial-steps{display:flex;flex-direction:column;gap:10px}.tutorial-step{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;padding:12px;border:var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-card-xs)}.tutorial-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:var(--cream);font-size:19px}.tutorial-step h3{margin:0 0 3px;font-size:15px;line-height:1.15}.tutorial-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.35;font-weight:650}.tutorial-done{width:100%;margin-top:14px}.first-run-tour{position:fixed;inset:0;z-index:220;pointer-events:auto}.tour-scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 32%),#2a1a3d75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tour-spotlight{position:absolute;top:var(--tour-top);left:var(--tour-left);width:var(--tour-width);height:var(--tour-height);border:3px solid var(--cream);border-radius:24px;box-shadow:0 0 0 9999px #2a1a3d33,0 0 0 7px #ff6ba038,0 16px 34px #2a1a3d38;pointer-events:none;transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease}.tour-card{position:absolute;left:18px;right:18px;max-width:420px;margin:0 auto;padding:16px;border:var(--border);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-card),0 18px 42px #2a1a3d38}.tour-card.bottom{bottom:max(18px,calc(env(safe-area-inset-bottom) + 16px))}.tour-card.top{top:max(18px,calc(env(safe-area-inset-top) + 16px))}.tour-eyebrow{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tour-card h2{margin:0 0 6px;font-size:21px;line-height:1.08;letter-spacing:0}.tour-card p:not(.tour-eyebrow){margin:0;color:var(--muted);font-size:14px;line-height:1.38;font-weight:700}.tour-progress{display:flex;gap:6px;margin:14px 0}.tour-progress span{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--muted) 28%,transparent)}.tour-progress span.on{width:24px;background:var(--pink)}.tour-actions{display:flex;align-items:center;gap:10px}.tour-link{border:0;background:transparent;color:var(--muted);font-weight:850;padding:8px 0}.tour-next{margin-left:auto;padding:10px 18px;min-width:92px}.tour-feed-target{position:fixed;top:48vh;left:18px;right:18px;height:142px;pointer-events:none;visibility:hidden}.settings-help-btn{width:100%;margin:8px 0 10px;padding:12px 14px;border-radius:14px;border:var(--border);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card-xs);font-weight:850;text-align:center}.share-loop-list{margin-bottom:8px}.share-loop-sheet .loop-row:disabled{opacity:.64;cursor:progress}.header-bell{position:relative}.header-bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--pink);color:#fff;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);box-shadow:1px 1px 0 var(--ink);line-height:1}.loop-switcher-btn{position:relative}.loop-switcher-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--pink);border:1.5px solid var(--ink)}.activity-sheet{max-height:80vh;overflow-y:auto}.activity-badge{display:inline-block;margin-left:8px;background:var(--pink);color:#fff;border:var(--border);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;box-shadow:var(--shadow-card-xs);vertical-align:middle}.activity-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.activity-row{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:var(--border);border-radius:14px;padding:12px;box-shadow:var(--shadow-card-xs);cursor:pointer;transition:transform .12s ease,opacity .2s ease;opacity:.65}.activity-row.unread{opacity:1;background:var(--cream)}.activity-row:active{transform:translateY(1px)}.activity-emoji{font-size:22px;line-height:1;flex-shrink:0;margin-top:1px}.activity-main{flex:1;min-width:0}.activity-line{font-size:14px;line-height:1.35;color:var(--ink)}.activity-line strong{font-weight:800}.activity-line em{font-style:normal;font-weight:700;color:var(--pink)}.activity-snippet{margin-top:4px;font-size:13px;color:var(--ink-soft);font-style:italic;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.activity-time{margin-top:4px;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);border:1.5px solid var(--ink);flex-shrink:0;margin-top:6px}.activity-empty{text-align:center;padding:32px 16px 28px;color:var(--muted)}.activity-empty-emoji{font-size:44px;margin-bottom:10px}.activity-empty p{font-weight:800;color:var(--ink);margin:0 0 6px}.activity-empty small{font-size:13px;color:var(--muted);font-weight:600}.activity-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.activity-header .settings-title{margin:0}.activity-mark-all{background:var(--surface);border:var(--border);border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px;color:var(--ink);box-shadow:var(--shadow-card-xs);cursor:pointer;flex-shrink:0}.activity-list{padding:0}.activity-row-host{position:relative;border-radius:14px;overflow:hidden;margin-bottom:8px}.activity-row-host:last-child{margin-bottom:0}.activity-row-host .activity-row{position:relative;z-index:1;margin-bottom:0;touch-action:pan-y}.activity-row-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:20px;background:var(--green, #2a8a55);color:#fff;font-weight:800;font-size:13px;border-radius:14px;z-index:0}.activity-hint{font-size:11px;color:var(--muted);font-weight:700;margin:0 4px 10px;text-transform:uppercase;letter-spacing:.04em}.invite-btn{font-weight:800}.invite-preview{margin-top:10px;font-size:12px;color:var(--muted)}.invite-preview summary{cursor:pointer;font-weight:700;list-style:none;padding:4px 0}.invite-preview summary::-webkit-details-marker{display:none}.invite-preview summary:before{content:"👀 "}.invite-preview pre{margin:8px 0 0;padding:10px 12px;background:var(--cream);border:var(--border);border-radius:10px;font-family:var(--font-ui);font-size:12px;white-space:pre-wrap;color:var(--ink);line-height:1.45}.pair-code-row .invite-btn{margin-top:10px;align-self:flex-start}.code-changer{display:flex;flex-direction:column;gap:8px;margin:4px 0 14px}.code-changer input{width:100%;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:12px;outline:none;box-shadow:var(--shadow-card-xs);font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.code-changer input:focus{border-color:var(--pink)}.code-check{font-size:12px;font-weight:700;padding:2px 0}.code-check.checking{color:var(--muted)}.code-check.available{color:var(--green, #2a8a55)}.code-check.taken{color:var(--pink-deep)}.ios-banner-toggle.install-now{background:var(--pink);color:#fff}.comments-empty{text-align:center;padding:12px;background:var(--surface);border:2px dashed var(--ink);border-radius:14px;color:var(--muted);margin:2px 0 8px}.comments-empty-emoji{font-size:24px;display:block;margin-bottom:4px}.comments-empty p{font-weight:800;color:var(--ink);margin:0 0 2px;font-size:13px}.comments-empty small{font-size:12px;color:var(--muted);font-weight:600}:root[data-display=simple] .confetti{display:none}:root[data-display=simple] .brand-mark,:root[data-display=simple] .big-stamp,:root[data-display=simple] .card,:root[data-display=simple] .composer,:root[data-display=simple] .ios-banner,:root[data-display=simple] .onboarding-card,:root[data-display=simple] .settings-sheet,:root[data-display=simple] .note-tape,:root[data-display=simple] .note.big,:root[data-display=simple] .from-tag,:root[data-display=simple] .reaction-discs span{transform:none}:root[data-display=simple] .app-display{letter-spacing:0}:root[data-display=simple] .search-bar{box-shadow:var(--shadow-card-xs)}:root[data-display=simple] .card{background:#ffffffe6}:root[data-display=simple] .note-tape,:root[data-display=simple] .note.big{background:var(--surface-2);font-size:14px;font-weight:650;line-height:1.45;font-style:normal}:root[data-display=simple] .compose-note-input textarea{background:var(--surface);background-image:none;font-family:var(--font-ui);font-size:16px;font-weight:600;min-height:104px}:root[data-display=simple] .compose-note-input:before,:root[data-display=simple] .note.big:before{display:none}:root[data-display=simple] .from-tag{top:6px;left:6px;border-radius:999px;box-shadow:0 2px 8px #2a1a3d2e;font-size:10px}:root[data-display=simple] .provider-badge{border-radius:999px}:root[data-display=simple] .big-stamp{border-radius:16px;box-shadow:0 10px 24px #e85a9638}:root[data-display=simple] .watched-stamp{border-radius:999px;box-shadow:none;letter-spacing:.08em}:root[data-display=simple] .reaction-discs{bottom:-8px}:root[data-display=simple],:root[data-display=simple] body,:root[data-display=simple] #root{background:linear-gradient(180deg,var(--status-bg, var(--paper)) 0,var(--status-bg, var(--paper)) 190px,var(--simple-bg-end));background-color:var(--status-bg, var(--paper))}:root[data-display=simple] .brand-mark{width:42px;height:42px;background:var(--surface);color:var(--pink);box-shadow:var(--shadow-card-xs)}:root[data-display=simple] .app-header{padding-bottom:10px}:root[data-display=simple] .app-display{font-size:24px;font-weight:760}:root[data-display=simple] .app-display .accent{color:var(--ink)}:root[data-display=simple] .search-bar,:root[data-display=simple] .chip,:root[data-display=simple] .sort-select,:root[data-display=simple] .composer input,:root[data-display=simple] .compose-paste,:root[data-display=simple] .compose-preview,:root[data-display=simple] .compose-tags input,:root[data-display=simple] .tag-editor input,:root[data-display=simple] .note-editor input,:root[data-display=simple] .onboarding-card input{box-shadow:none}:root[data-display=simple] .chip{background:#ffffffb8;font-weight:650}:root[data-display=simple] .chip.on{background:color-mix(in srgb,var(--ink) 86%,#fff 14%)}:root[data-display=simple] .card{background:#ffffffc7;gap:11px}:root[data-display=simple] .feed>.swipe-host{--tilt: 0deg}:root[data-display=simple] .swipe-host>.card{transform:translateZ(0)}:root[data-display=simple] .card:hover{transform:none;box-shadow:var(--shadow-card)}:root[data-display=simple] .thumb{border-color:#2a1a3d1f}:root[data-display=simple] .from-tag{background:color-mix(in srgb,var(--user-color, var(--ink)) 78%,var(--ink) 22%);border-color:transparent;letter-spacing:.03em}:root[data-display=simple] .unwatched-dot{width:10px;height:10px;background:var(--pink);box-shadow:none}:root[data-display=simple] .card-tags span,:root[data-display=simple] .detail-tags span{background:color-mix(in srgb,var(--blue-sticky) 45%,#fff 55%);border-color:#2a1a3d1f;box-shadow:none;font-weight:700}:root[data-display=simple] .note-tape{width:auto;background:color-mix(in srgb,var(--user-color, var(--cream)) 12%,var(--cream) 88%);box-shadow:none}:root[data-display=simple] .note.big{background:color-mix(in srgb,var(--user-color, #fff) 10%,rgba(255,255,255,.72) 90%);box-shadow:var(--shadow-card-xs);padding:14px 16px 16px}:root[data-display=simple] .big-stamp{background:var(--surface);color:var(--pink);box-shadow:var(--shadow-card-sm)}:root[data-display=simple] .note-add-btn,:root[data-display=simple] .tag-edit-btn,:root[data-display=simple] .reaction-add{border-color:#2a1a3d3d;box-shadow:none}:root[data-display=simple] .quick-react,:root[data-display=simple] .reaction-pill,:root[data-display=simple] .reaction-mini,:root[data-display=simple] .reply-reactions .reaction-pill{box-shadow:none;background:#ffffffb8}:root[data-display=simple] .quick-react.mine,:root[data-display=simple] .reaction-pill.mine{background:color-mix(in srgb,var(--pink) 78%,#fff 22%);box-shadow:none}:root[data-display=simple] .watched-button,:root[data-display=simple] .watched-toggle,:root[data-display=simple] .composer,:root[data-display=simple] .onboarding-card,:root[data-display=simple] .settings-sheet{box-shadow:var(--shadow-card-sm)}:root[data-display=simple] .settings-sheet{background:var(--simple-panel)}:root[data-theme=light][data-display=simple] .theme-segments,:root:not([data-theme])[data-display=simple] .theme-segments{background:color-mix(in srgb,var(--paper-deep) 72%,#fff 28%);border-color:#2a1a3d26}:root[data-theme=light][data-display=simple] .theme-segments.sliding:before,:root:not([data-theme])[data-display=simple] .theme-segments.sliding:before{background:color-mix(in srgb,var(--surface) 62%,var(--paper) 38%);box-shadow:inset 0 0 0 1px #2a1a3d1f}:root[data-theme=light][data-display=simple] .segment.on,:root:not([data-theme])[data-display=simple] .segment.on{color:var(--ink)}:root[data-theme=dark][data-display=simple] .card,:root[data-theme=dark][data-display=simple] .note.big,:root[data-theme=dark][data-display=simple] .quick-react,:root[data-theme=dark][data-display=simple] .reaction-pill,:root[data-theme=dark][data-display=simple] .reaction-mini,:root[data-theme=dark][data-display=simple] .reply-reactions .reaction-pill{background:color-mix(in srgb,var(--surface) 86%,#000 14%)}:root[data-theme=dark][data-display=simple] .note.big{background:color-mix(in srgb,var(--user-color, var(--surface)) 14%,var(--surface) 72%)}:root[data-theme=dark][data-display=simple]{--border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);--shadow-card: none;--shadow-card-sm: none;--shadow-card-xs: none;--shadow-disc: none;--simple-bg-end: color-mix(in srgb, var(--paper-deep) 74%, #000 26%);--simple-panel: color-mix(in srgb, var(--paper) 86%, #000 14%)}:root[data-theme=dark][data-display=simple],:root[data-theme=dark][data-display=simple] body,:root[data-theme=dark][data-display=simple] #root{background-color:var(--status-bg, var(--paper));background:linear-gradient(180deg,var(--status-bg, var(--paper)) 0,var(--status-bg, var(--paper)) 190px,var(--simple-bg-end))}:root[data-theme=dark][data-display=simple] .chip,:root[data-theme=dark][data-display=simple] .sort-select,:root[data-theme=dark][data-display=simple] .search-bar,:root[data-theme=dark][data-display=simple] .loop-switcher-pill,:root[data-theme=dark][data-display=simple] .header-icon-btn,:root[data-theme=dark][data-display=simple] .sync-pill{background:color-mix(in srgb,var(--surface) 82%,#000 18%);color:var(--ink)}:root[data-theme=dark][data-display=simple] .chip.on{background:var(--ink);color:var(--paper)}:root[data-theme=dark][data-display=simple] .card-title,:root[data-theme=dark][data-display=simple] .card-when{color:var(--ink)}:root[data-theme=dark][data-display=simple] .card-author,:root[data-theme=dark][data-display=simple] .search-bar input::placeholder{color:color-mix(in srgb,var(--muted) 82%,#fff 18%)}:root[data-theme=dark][data-display=simple] .card-tags span,:root[data-theme=dark][data-display=simple] .detail-tags span,:root[data-theme=dark][data-display=simple] .note-tape{background:color-mix(in srgb,var(--user-color, var(--cream)) 16%,var(--cream) 62%);color:var(--ink)}:root[data-theme=dark][data-display=simple] .theme-segments{background:color-mix(in srgb,var(--paper) 70%,#000 30%);border-color:color-mix(in srgb,var(--ink) 70%,transparent)}:root[data-theme=dark][data-display=simple] .theme-segments.sliding:before{background:color-mix(in srgb,var(--surface-2) 76%,#000 24%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent)}:root[data-theme=dark][data-display=simple] .segment{color:color-mix(in srgb,var(--muted) 84%,#fff 16%)}:root[data-theme=dark][data-display=simple] .segment.on{color:var(--ink)}:root[data-theme=dark][data-display=simple] .palette-swatch.on{background:color-mix(in srgb,var(--surface) 62%,#000 38%)}:root[data-theme=dark][data-display=simple] .icon-tile{background:color-mix(in srgb,var(--surface) 78%,#000 22%)}:root[data-theme=dark][data-display=simple] .icon-tile.on{background:color-mix(in srgb,var(--surface-2) 76%,#000 24%)}@media(prefers-color-scheme:dark){:root:not([data-theme])[data-display=simple],:root:not([data-theme])[data-display=simple] body,:root:not([data-theme])[data-display=simple] #root{background:linear-gradient(180deg,var(--status-bg, var(--paper)) 0,var(--status-bg, var(--paper)) 190px,var(--simple-bg-end));background-color:var(--status-bg, var(--paper))}:root:not([data-theme])[data-display=simple] .card,:root:not([data-theme])[data-display=simple] .note.big,:root:not([data-theme])[data-display=simple] .quick-react,:root:not([data-theme])[data-display=simple] .reaction-pill,:root:not([data-theme])[data-display=simple] .reaction-mini,:root:not([data-theme])[data-display=simple] .reply-reactions .reaction-pill{background:color-mix(in srgb,var(--surface) 86%,#000 14%)}:root:not([data-theme])[data-display=simple]{--border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);--shadow-card: none;--shadow-card-sm: none;--shadow-card-xs: none;--shadow-disc: none;--simple-bg-end: color-mix(in srgb, var(--paper-deep) 74%, #000 26%);--simple-panel: color-mix(in srgb, var(--paper) 86%, #000 14%)}:root:not([data-theme])[data-display=simple] .chip,:root:not([data-theme])[data-display=simple] .sort-select,:root:not([data-theme])[data-display=simple] .search-bar,:root:not([data-theme])[data-display=simple] .loop-switcher-pill,:root:not([data-theme])[data-display=simple] .header-icon-btn,:root:not([data-theme])[data-display=simple] .sync-pill{background:color-mix(in srgb,var(--surface) 82%,#000 18%);color:var(--ink)}:root:not([data-theme])[data-display=simple] .chip.on{background:var(--ink);color:var(--paper)}:root:not([data-theme])[data-display=simple] .card-title,:root:not([data-theme])[data-display=simple] .card-when{color:var(--ink)}:root:not([data-theme])[data-display=simple] .card-author,:root:not([data-theme])[data-display=simple] .search-bar input::placeholder{color:color-mix(in srgb,var(--muted) 82%,#fff 18%)}:root:not([data-theme])[data-display=simple] .card-tags span,:root:not([data-theme])[data-display=simple] .detail-tags span,:root:not([data-theme])[data-display=simple] .note-tape{background:color-mix(in srgb,var(--user-color, var(--cream)) 16%,var(--cream) 62%);color:var(--ink)}:root:not([data-theme])[data-display=simple] .note.big{background:color-mix(in srgb,var(--user-color, var(--surface)) 14%,var(--surface) 72%)}:root:not([data-theme])[data-display=simple] .theme-segments{background:color-mix(in srgb,var(--paper) 70%,#000 30%);border-color:color-mix(in srgb,var(--ink) 70%,transparent)}:root:not([data-theme])[data-display=simple] .theme-segments.sliding:before{background:color-mix(in srgb,var(--surface-2) 76%,#000 24%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 20%,transparent)}:root:not([data-theme])[data-display=simple] .segment{color:color-mix(in srgb,var(--muted) 84%,#fff 16%)}:root:not([data-theme])[data-display=simple] .segment.on{color:var(--ink)}:root:not([data-theme])[data-display=simple] .palette-swatch.on{background:color-mix(in srgb,var(--surface) 62%,#000 38%)}:root:not([data-theme])[data-display=simple] .icon-tile{background:color-mix(in srgb,var(--surface) 78%,#000 22%)}:root:not([data-theme])[data-display=simple] .icon-tile.on{background:color-mix(in srgb,var(--surface-2) 76%,#000 24%)}}