.import-page{max-width:760px;padding-top:28px;padding-bottom:80px}.import-hero{text-align:center;margin-bottom:26px}.import-eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.import-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.import-lede{color:var(--text-dim);font-size:var(--text-base);line-height:1.55;max-width:52ch;margin:0 auto}.import-card{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius-lg);padding:22px;box-shadow:0 24px 60px -30px rgba(0,0,0,.6)}.import-source{display:inline-flex;gap:4px;padding:4px;margin-bottom:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill)}.import-source-opt{border:none;background:transparent;cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-dim);padding:7px 18px;border-radius:var(--radius-pill);transition:color .15s,background .15s}.import-source-opt:hover:not(.is-on){color:var(--text)}.import-source-opt.is-on{background:var(--accent);color:#fff}.import-source-opt:disabled{cursor:not-allowed;opacity:.6}.import-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:8px}.import-input-row{display:flex;align-items:stretch;gap:8px}.import-input-field{position:relative;flex:1 1;display:flex}.import-input-at{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-weight:600;pointer-events:none}.import-input{flex:1 1;width:100%;height:44px;padding:0 14px 0 26px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:var(--text-base)}.import-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.import-input-row .btn{height:44px;white-space:nowrap}.import-hint{margin:12px 0 0;font-size:var(--text-xs);color:var(--text-dim);line-height:1.5}.import-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.import-preview-title{font-size:var(--text-lg);font-weight:700;margin:0 0 4px}.import-user{color:var(--accent)}.import-preview-sub{margin:0;font-size:var(--text-sm);color:var(--text-dim)}.import-buckets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:18px}.import-bucket{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:10px;column-gap:10px;align-items:center;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft)}.import-bucket-icon{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:16px;font-weight:700}.import-bucket-count{font-size:var(--text-xl);font-weight:800;line-height:1}.import-bucket-label{grid-column:2;font-size:var(--text-sm);font-weight:600}.import-bucket-hint{grid-column:2;font-size:var(--text-xs);color:var(--text-faint)}.import-bucket.tone-go{border-color:color-mix(in srgb,#35c88a 40%,var(--border))}.import-bucket.tone-go .import-bucket-icon{background:color-mix(in srgb,#35c88a 22%,transparent);color:#4fe0a3}.import-bucket.tone-go .import-bucket-count{color:#4fe0a3}.import-bucket.tone-warn .import-bucket-icon{background:color-mix(in srgb,var(--gold-bright) 20%,transparent);color:var(--gold-bright)}.import-bucket.tone-dim .import-bucket-icon{background:var(--bg-elevated-2);color:var(--text-dim)}.import-policy{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin:0 0 18px}.import-policy legend{font-size:var(--text-sm);font-weight:600;padding:0 6px;color:var(--text-dim)}.import-policy-opt{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.import-policy-opt:hover{background:var(--bg-soft)}.import-policy-opt.is-on{background:var(--accent-soft)}.import-policy-opt input{margin-top:3px;accent-color:var(--accent)}.import-policy-opt span{display:flex;flex-direction:column;gap:2px}.import-policy-opt strong{font-size:var(--text-sm)}.import-policy-opt em{font-style:normal;font-size:var(--text-xs);color:var(--text-dim)}.import-rowlist-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:0 0 8px}.import-rows{list-style:none;margin:0 0 8px;padding:0;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.import-row{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:var(--text-sm);border-bottom:1px solid var(--border-soft)}.import-row:last-child{border-bottom:none}.import-row-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-row-status{color:var(--text-dim);font-size:var(--text-xs)}.import-row-score{color:var(--gold-bright);font-size:var(--text-xs);font-weight:600}.import-row-prog{color:var(--text-faint);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.import-type-badge{flex:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:var(--radius-pill);background:var(--bg-elevated-2);color:var(--text-dim)}.import-type-badge.type-anime{color:var(--accent);background:var(--accent-soft)}.import-type-badge.type-manga{color:var(--gold-bright);background:color-mix(in srgb,var(--gold-bright) 16%,transparent)}.import-misslist{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:18px}.import-misslist summary{cursor:pointer;font-size:var(--text-sm);color:var(--text-dim);font-weight:600}.import-misslist ul{list-style:none;margin:10px 0 0;padding:0;max-height:200px;overflow-y:auto}.import-misslist li{display:flex;gap:10px;align-items:center;padding:5px 0;font-size:var(--text-sm);color:var(--text-dim)}.import-actions{display:flex;align-items:center;gap:14px;margin-top:6px}.import-confirm{height:46px;font-size:var(--text-base)}.import-link-btn{background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:var(--text-sm);cursor:pointer;padding:6px 2px;text-decoration:underline;text-underline-offset:3px}.import-link-btn:hover{color:var(--text)}.import-link-btn:disabled{opacity:.5;cursor:not-allowed}.import-error{margin:12px 0 0;color:var(--danger);font-size:var(--text-sm);font-weight:500}.import-done{text-align:center;padding:40px 22px}.import-wrapped-cta{margin:4px auto 20px;max-width:340px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(120% 120% at 0 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--bg-soft)}.import-wrapped-line{margin:0 0 12px;font-size:var(--text-sm);color:var(--text-dim)}.import-done-check{width:56px;height:56px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;font-size:28px;font-weight:700;color:#4fe0a3;background:color-mix(in srgb,#35c88a 20%,transparent)}.import-done-title{font-size:var(--text-2xl);font-weight:800;margin:0 0 8px}.import-done-sub{color:var(--text-dim);margin:0 0 22px}.import-done .import-actions{justify-content:center}@media (max-width:560px){.import-buckets{grid-template-columns:1fr}.import-input-row{flex-wrap:wrap}.import-input-row .btn{width:100%}.import-preview-head{flex-direction:column}}.read-card{display:flex;flex-direction:column;gap:1rem}.read-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.read-eyebrow-d{width:7px;height:7px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 10px var(--accent-glow)}.read-arch{display:flex;align-items:center;gap:.9rem}.read-arch-emoji{font-size:2.6rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.read-arch-mono{display:grid;place-items:center;width:3.4rem;height:3.4rem;font-family:var(--font-display),sans-serif;font-size:1.6rem;font-weight:800;color:var(--accent);border-radius:16px;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);filter:none}.read-arch-name{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.1rem);color:var(--text);line-height:1.05}.read-mods{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.read-mod{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border-soft);color:var(--text-dim)}.read-dna{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.read-dna-line{display:flex;gap:.55rem;align-items:baseline;font-size:.9rem;line-height:1.4;color:var(--text)}.read-dna-dot{flex:none;width:6px;height:6px;margin-top:.35rem;border-radius:50%;background:var(--accent)}.read-dna-line.tone-flatter .read-dna-dot{background:#4ade80}.read-dna-line.tone-roast .read-dna-dot{background:#fbbf47}.read-numbers{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem;padding:.85rem;background:var(--surface-grad,var(--bg-elevated));border:1px solid var(--border-soft);border-radius:var(--radius)}.read-num{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.read-num b{font-family:var(--font-display);font-size:1.15rem;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.read-num span{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.read-block{display:flex;flex-direction:column;gap:.5rem}.read-sub{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:700}.read-aff{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.read-aff-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;font-size:.85rem;border-left:2px solid color-mix(in srgb,var(--accent) 60%,transparent);padding-left:.6rem}.read-aff-k{font-weight:700;color:var(--text)}.read-aff-v{color:var(--text-dim)}.read-aff-v b{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.read-recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:.7rem;gap:.7rem}.read-rec{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.3rem}.read-rec-cover{position:relative;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:var(--bg-soft);border:1px solid var(--border-soft)}.read-rec-cover img{width:100%;height:100%;object-fit:cover;display:block}.read-rec-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--text-faint)}.read-rec-match{position:absolute;top:5px;right:5px;font-family:var(--font-display);font-size:.72rem;font-weight:800;color:#4ade80;background:rgba(8,6,12,.7);padding:2px 5px;border-radius:6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.read-rec-match i{font-size:.66em;font-style:normal;opacity:.7}.read-rec-title{font-size:.75rem;line-height:1.2;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-sharebtn{align-self:flex-start;font-size:.82rem;font-weight:700;padding:.55rem 1rem;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--panel-border,var(--border));color:var(--text);cursor:pointer;transition:.15s}.read-sharebtn:hover{border-color:var(--accent)}.read-import{margin-top:.4rem;padding-top:1.1rem;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:.5rem}.read-import-h{font-family:var(--font-display);font-size:1.05rem;color:var(--text);margin:0}.read-import-p{font-size:.85rem;color:var(--text-dim);margin:0}.read-savebtn{align-self:flex-start}.read-note{font-size:.76rem;color:var(--text-faint);margin:.2rem 0 0}