:root{--bg-window: #ececef;--bg-sidebar: #f5f5f7;--bg-canvas: #ffffff;--bg-card: #ffffff;--bg-soft: #f5f5f7;--bg-softer: #fafafc;--bg-hover: rgba(0, 0, 0, .04);--bg-press: rgba(0, 0, 0, .08);--hair: rgba(0, 0, 0, .08);--hair-2: rgba(0, 0, 0, .14);--hair-3: rgba(0, 0, 0, .22);--ink: #1d1d1f;--ink-2: #424245;--ink-3: #6e6e73;--ink-4: #a1a1a6;--ink-5: #d2d2d7;--ink-inv: #ffffff;--accent: #e8624a;--accent-tint: color-mix(in oklab, var(--accent) 14%, var(--bg-card));--accent-text: #ffffff;--bad: #ff453a;--sh-1: 0 1px 0 rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .04);--sh-2: 0 4px 14px rgba(0, 0, 0, .06), 0 1px 0 rgba(0, 0, 0, .04);--sh-3: 0 12px 40px rgba(0, 0, 0, .12);--r-xs: 5px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--f-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", "Segoe UI", sans-serif;--f-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", sans-serif;--f-mono: ui-monospace, "SF Mono", Menlo, "Cascadia Code", "JetBrains Mono", monospace;--f-serif: "PT Serif", Georgia, "Times New Roman", serif;--gap: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-window);color:var(--ink);font-family:var(--f-ui);font-size:13px;line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#ececefd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hair)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.015em}.cta{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:var(--ink);color:var(--ink-inv);border-radius:6px;font-size:12.5px;font-weight:500;letter-spacing:-.005em}.cta:hover{background:#303033;text-decoration:none}.page{min-height:100vh;padding-bottom:80px}.canvas{padding:24px 28px 60px;max-width:1400px;margin:0 auto}.centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center}.brand-stack{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:6px}.brand-wordmark{font-family:var(--f-display);font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}.brand-tag{font-size:15px;color:var(--ink-3);max-width:360px}.brand-sub{font-size:12.5px;color:var(--ink-3);margin-top:10px;max-width:440px}.page-heading{font-family:var(--f-display);font-size:22px;font-weight:600;letter-spacing:-.02em}.muted{color:var(--ink-3);font-size:12.5px}.link-btn{margin-top:6px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:7px;background:var(--ink);color:var(--ink-inv);font-size:12.5px;font-weight:500}.link-btn:hover{background:#303033;text-decoration:none}.err{margin-top:6px;padding:8px 12px;border-radius:7px;background:color-mix(in oklab,var(--bad) 10%,var(--bg-card));color:var(--bad);font-size:12px}.spinner{width:22px;height:22px;border:2px solid var(--hair);border-top-color:var(--ink);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pw-form{display:flex;flex-direction:column;gap:8px;width:280px;margin-top:12px}.pw-form input{height:34px;padding:0 12px;border:1px solid var(--hair-2);border-radius:var(--r-sm);background:var(--bg-card);font-size:13px;color:var(--ink);font-family:var(--f-ui);outline:none;transition:border-color .12s ease}.pw-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}.pw-form button{height:34px;padding:0 14px;background:var(--ink);color:var(--ink-inv);border:none;border-radius:var(--r-sm);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--f-ui)}.pw-form button:hover:not(:disabled){background:#303033}.pw-form button:disabled{opacity:.45;cursor:not-allowed}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 2px 22px}.hero h1{font-family:var(--f-display);font-weight:600;font-size:28px;line-height:1.1;margin:0 0 4px;letter-spacing:-.02em}.hero .sub{color:var(--ink-3);font-size:12.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero .sub .dot{width:2px;height:2px;border-radius:50%;background:var(--ink-4)}.hero-left{display:flex;align-items:flex-end;gap:14px}.hero-cover{width:56px;height:56px;border-radius:var(--r-md);flex:0 0 56px;box-shadow:var(--sh-1)}.masonry{column-count:var(--cols, 4);column-gap:var(--gap)}.masonry>*{display:block;width:100%;margin-bottom:var(--gap);break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}@media(max-width:1100px){.masonry{--cols: 3}}@media(max-width:760px){.masonry{--cols: 2}}@media(max-width:480px){.masonry{--cols: 1}}.card{background:var(--bg-card);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--hair);box-shadow:var(--sh-1);position:relative;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{transform:translateY(-1px);box-shadow:var(--sh-2);border-color:var(--hair-2)}.card.expanded{max-width:760px;margin:32px auto}.card-thumb{display:block;width:100%;height:auto;background:var(--bg-soft)}.card-thumb.placeholder{min-height:140px;background:var(--bg-soft)}.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.card-title{font-weight:600;font-size:13px;line-height:1.3;color:var(--ink)}.card-url{font-size:11.5px;color:var(--ink-3);font-family:var(--f-mono)}.card-quote{margin:6px 0 2px;font-family:var(--f-serif);font-style:italic;color:var(--ink);font-size:15px;line-height:1.35}.card-author{font-size:11.5px;color:var(--ink-3)}.card-theme{font-size:12px;color:var(--ink-3);font-style:italic;margin-top:2px;line-height:1.4}.palette{display:flex;gap:4px;margin-top:8px}.swatch{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px #0000001a}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag{font-size:11px;height:20px;padding:0 8px;display:inline-flex;align-items:center;background:var(--bg-soft);border-radius:5px;color:var(--ink-2);font-weight:500}.prompt-box{margin-top:14px;border-top:1px solid var(--hair);padding-top:10px}.prompt-box summary{cursor:pointer;font-size:11.5px;color:var(--ink-3);font-weight:500;user-select:none;list-style:none;display:inline-flex;align-items:center;gap:6px}.prompt-box summary::-webkit-details-marker{display:none}.prompt-box summary:before{content:"▸";font-size:9px;color:var(--ink-4);transition:transform .12s ease}.prompt-box[open] summary:before{transform:rotate(90deg)}.prompt-box pre{margin:8px 0 0;padding:10px 12px;background:var(--bg-soft);border-radius:var(--r-sm);font-size:11.5px;font-family:var(--f-mono);white-space:pre-wrap;word-break:break-word;line-height:1.55;color:var(--ink-2)}.single-item{padding:24px}