.app-container{min-height:100vh;padding:var(--space-8) 0 var(--space-12)}.setup-container,.ranking-container,.results-container{width:min(100%,980px);margin:0 auto;padding:0 var(--container-padding)}.setup-container{width:min(100%,840px)}.subtitle{margin-top:var(--space-3);font-size:var(--size-lg);color:var(--c-text-muted);max-width:65ch}.setup-section{margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--c-border);background:linear-gradient(160deg,#fff,#f8f9fb);box-shadow:var(--shadow-md)}.home-shell{display:grid;gap:var(--space-4)}.home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:0;border-radius:0;background:transparent;padding:0}.home-left{display:flex;align-items:center;gap:var(--space-2)}.home-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-start}.home-welcome{color:var(--c-text);font-size:var(--size-sm);font-weight:700;background:transparent;border:0;border-radius:0;padding:0}.home-create-button{min-height:1.85rem;padding:.28rem .72rem;font-size:.8rem;font-weight:700;border-radius:999px;box-shadow:none}.setup-section h2{margin-bottom:var(--space-4)}.setup-section .form-group+.form-group{margin-top:var(--space-4)}.import-connected-note{margin-top:var(--space-2);color:var(--c-success);font-size:var(--size-sm);font-weight:650}.import-grid{display:grid;gap:var(--space-3)}.import-grid label{display:grid;gap:var(--space-2);color:var(--c-text);font-size:var(--size-sm);font-weight:650}.import-grid select{width:100%}.import-preview-box{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:#f8fafc;padding:var(--space-3);color:var(--c-text-muted);font-size:var(--size-sm)}.import-preview-box p{margin:0}.import-preview-box p+p{margin-top:var(--space-2)}.loading-page{width:100%}.loading{width:min(100%,580px);margin:3rem auto;border-radius:var(--radius-xl);border:1px solid var(--c-border);background:linear-gradient(145deg,#fff,#f8fafc);color:var(--c-text-muted);box-shadow:var(--shadow-md);display:grid;place-items:center;text-align:center;min-height:180px;padding:var(--space-8)}.loading:before{content:"";width:34px;height:34px;border-radius:50%;border:3px solid #d8dee8;border-top-color:var(--c-brand);margin-bottom:var(--space-3);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgb(255 255 255 / .5);border-top-color:#fff;animation:spin .75s linear infinite}.message{margin-top:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);padding:.9rem 1.1rem;box-shadow:var(--shadow-sm)}.message.error{border-color:#e7a8b8;background:var(--c-danger-soft);color:#8e1b34}.message.success{border-color:#95d4b6;background:var(--c-success-soft);color:#0f6340}.lists-container{width:min(100%,760px);margin:0 auto}.home-lists-panel{width:min(100%,840px);border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.lists-grid{display:grid;gap:var(--space-2)}.list-item{padding:var(--space-3);border-radius:0;border:0;border-bottom:1px solid #d8dee8;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.list-item:hover{transform:translateY(-1px);border-color:#bdc6d3;background:#f8fafc}.list-item__content{display:grid;gap:2px;min-width:0}.list-item__title,.list-title{color:var(--c-text);font-weight:680;font-size:.82rem}.list-item__subtitle{font-size:.75rem;color:#6a7381;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__arrow{color:#8a93a0;font-size:.9rem;font-weight:700}.ranking-header,.results-header{border:1px solid var(--c-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:var(--shadow-md);padding:var(--space-6)}.ranking-header{text-align:center}.ranking-header h1{margin-bottom:var(--space-4)}.ranking-header h2,.results-header h2{margin-top:var(--space-4)}.results-header{border:0;background:transparent;box-shadow:none;padding:var(--space-1) 0 var(--space-2);text-align:center}.results-title{font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:700;margin:0}.progress-info{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.35rem .75rem;background:#1118270f;border:1px solid rgb(17 24 39 / .14);color:#1f2937;font-weight:740;font-size:var(--size-sm)}.ranking-instruction{margin-top:var(--space-4);font-size:var(--size-base)}.ranking-items{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.ranking-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--c-border);background:linear-gradient(145deg,#fff,#fafbfd);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.ranking-item:hover{transform:translateY(-2px);border-color:var(--c-border-strong);box-shadow:var(--shadow-md)}.ranking-item.selected-best{border-color:#3f4a59;background:linear-gradient(145deg,#f4f6f9,#fafbfd);box-shadow:0 0 0 2px #1118271f}.ranking-item.selected-worst{border-color:#e78ca1;background:linear-gradient(145deg,#fff4f7,#fffdfd);box-shadow:0 0 0 2px #b4233f24}.vote-button{width:64px;height:64px;min-height:64px;border-radius:999px;border:1px solid var(--c-border);background:#fff;color:var(--c-text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:var(--shadow-sm);flex-shrink:0}.vote-button.best{color:var(--c-success);margin-left:auto}.vote-button.worst{color:var(--c-danger)}.vote-button:hover{border-color:var(--c-brand);color:var(--c-brand);background:#f6f8fb}.ranking-item.selected-best .vote-button.best{border-color:#1f2a37;color:#fff;background:linear-gradient(135deg,#1f2a37,#111827)}.ranking-item.selected-worst .vote-button.worst{border-color:#d74967;color:#fff;background:linear-gradient(135deg,#d74967,#b4233f)}.ranking-page{width:min(100%,700px)}.ranking-page .item-name{font-size:clamp(.92rem,1.45vw,1.08rem);font-weight:700}.ranking-page .item-content{text-align:center}.ranking-page .ranking-item{padding:var(--space-3)}.item-content{min-width:0;flex:1}.item-name{font-size:clamp(1rem,2vw,1.35rem);font-weight:760;color:var(--c-text)}.item-stats{margin-top:var(--space-2);display:inline-flex;border-radius:999px;background:#f1f4f8;border:1px solid #dde3eb;padding:.15rem .6rem;font-size:var(--size-xs);color:var(--c-text-muted);font-family:var(--font-mono)}.selection-summary{margin-top:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--c-border);background:var(--c-surface);padding:var(--space-4);box-shadow:var(--shadow-sm)}.selection-summary p{color:var(--c-text);font-weight:650}.results-container{width:min(100%,1040px)}.results-actions-bar{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.results-action-btn{min-height:2rem;padding:.32rem .72rem;font-size:var(--size-sm);border-radius:999px;box-shadow:none}.additional-rounds-header{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #e1e6ee}.tier-method-toggle{margin-top:var(--space-4)}.tier-controls-row{margin:var(--space-4) 0 var(--space-6);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3)}.tier-color-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--size-sm);color:var(--c-text-muted);-webkit-user-select:none;user-select:none}.tier-color-toggle input[type=checkbox]{width:auto;min-height:auto;margin:0;padding:0}.add-item-section{margin-top:var(--space-5);border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.add-item-section h3{margin-bottom:var(--space-2);font-size:var(--size-base)}.add-item-section>div{display:flex;gap:var(--space-2);align-items:center}.add-item-section .form-input{flex:1}.add-item-section .button-primary{min-height:2rem;padding:.32rem .7rem;font-size:var(--size-sm)}.results-instruction{margin-top:var(--space-4)}.tip-content{display:flex;gap:var(--space-3);align-items:center}.drag-instruction{flex:1;border:0;border-radius:0;padding:0;background:transparent;color:var(--c-text-muted)}.drag-instruction strong{color:var(--c-text)}.tip-close-button{width:34px;height:34px;min-height:34px;border-radius:999px;border:1px solid var(--c-border);background:#fff;color:var(--c-text-muted);box-shadow:none}.tip-close-button:hover{background:#f4f6fa;color:var(--c-text)}.results-list{margin-top:var(--space-4);width:min(100%,500px);margin-left:auto;margin-right:auto;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:visible}.sortable-item{display:flex;align-items:center;gap:var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:#fff;margin-bottom:var(--space-2);padding:.55rem .7rem;cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.results-list .sortable-item{border:0;border-bottom:0;border-radius:0;background:transparent;box-shadow:none;padding:.18rem 0;position:relative}.results-list .sortable-item:hover{box-shadow:none;transform:none}.results-container .selection-summary{border:0;background:transparent;box-shadow:none;padding:0}.tier-rail{position:absolute;left:-76px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.35rem;width:68px;pointer-events:none}.tier-rail-label{font-size:.64rem;font-weight:700;letter-spacing:.02em;color:var(--c-text-muted);white-space:nowrap}.tier-rail-label-empty{opacity:0}.tier-rail-line{flex:1;height:1px;background:linear-gradient(90deg,var(--c-border-strong),transparent);opacity:.65}.result-row-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:0;background:transparent;padding:.12rem .08rem;width:100%}.results-list .sortable-item:hover .result-row-main{background:transparent}.results-list .result-row-main .item-controls{justify-self:end;margin-left:0}.results-list .result-row-main .item-content{min-width:0;text-align:left;padding-left:20px}.sortable-item:last-child{margin-bottom:0}.sortable-item:hover{border-color:var(--c-border);box-shadow:var(--shadow-sm)}.sortable-item.dragging,.sortable-item:active{cursor:grabbing;box-shadow:var(--shadow-md)}.item-text{color:var(--c-text);font-weight:700}.item-metadata{display:flex;gap:var(--space-2);flex-wrap:wrap}.item-controls{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.tier-controls{display:grid;gap:4px}.tier-button{width:26px;height:20px;min-height:20px;padding:0;border-radius:8px;border:1px solid var(--c-border);background:#fff;color:var(--c-text-muted);box-shadow:none}.tier-button:hover:not(:disabled){border-color:var(--c-brand);color:var(--c-brand);background:#f4f6fa;transform:none}.tier-button:disabled{opacity:.4}.tier-promote:hover:not(:disabled){border-color:#4b5563;color:#374151;background:#f3f5f8}.tier-demote:hover:not(:disabled){border-color:#d74967;color:#b4233f;background:#fff3f6}.drag-handle{width:32px;height:32px;min-height:32px;border-radius:8px;color:#8791a0;display:grid;place-items:center;border:1px solid transparent}.drag-handle:hover{border-color:var(--c-border);background:#f4f6fa;color:var(--c-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1521328f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:2000;padding:var(--space-4)}.modal-content{width:min(100%,500px);border-radius:var(--radius-xl);border:1px solid var(--c-border);background:linear-gradient(155deg,#fff,#f8fafc);box-shadow:var(--shadow-lg);padding:var(--space-5)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-close{width:34px;height:34px;min-height:34px;padding:0;border-radius:999px;border:1px solid var(--c-border);background:#fff;color:var(--c-text-muted);box-shadow:none}.modal-close:hover{background:#f4f6fa;color:var(--c-text)}.error-message{border-radius:var(--radius-md);border:1px solid #ebafbe;background:#fff3f6;padding:.6rem .75rem;color:#8e1b34;font-size:var(--size-sm)}.auth-switch{margin-top:var(--space-4);text-align:center}.link-button{border:0;padding:0;min-height:auto;background:transparent;color:var(--c-brand);box-shadow:none;font-weight:700}.link-button:hover{color:var(--c-brand-strong);transform:none;box-shadow:none;text-decoration:underline}.anonymous-note{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #e1e6ee}.results-content{margin-top:var(--space-5);display:grid;gap:var(--space-5)}.header-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);align-items:center}.title-section .subtitle{margin-top:var(--space-2);font-size:var(--size-base)}.back-button,.nav-button{background:#fff;border-color:var(--c-border);color:var(--c-text)}.back-button:hover,.nav-button:hover{background:var(--c-surface-soft);border-color:var(--c-border-strong);filter:none}.nav-button.secondary{background:#fff}.aggregate-rankings{border:1px solid var(--c-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:var(--shadow-sm);padding:var(--space-4)}.aggregate-rankings h3{margin-bottom:var(--space-4)}.tier-group+.tier-group{margin-top:var(--space-3)}.item-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);width:100%}.user-rankings-inline{display:flex;gap:var(--space-2);flex-wrap:wrap}.user-rank-indicator{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #d6dce7;background:#f3f6fa;color:#445063;padding:.2rem .55rem;font-size:var(--size-xs);font-weight:680}.navigation-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (max-width: 900px){.setup-container,.ranking-container,.results-container{width:min(100%,760px)}.ranking-item{gap:var(--space-3)}.vote-button{width:56px;height:56px;min-height:56px}}@media (max-width: 700px){.app-container{padding:var(--space-5) 0 var(--space-10)}.setup-section,.ranking-header,.results-header,.results-list,.aggregate-rankings,.add-item-section{padding:var(--space-4);border-radius:var(--radius-lg)}.tip-content{flex-direction:column;align-items:stretch}.tip-close-button{align-self:flex-end}.ranking-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.navigation-options,.header-content{flex-direction:column;align-items:stretch}.results-actions-bar{flex-direction:column}.home-toolbar{flex-direction:column;align-items:stretch}.home-right{justify-content:flex-start}.home-lists-panel,.back-button,.nav-button{width:100%}}:root{--font-display: "Sora", "SF Pro Display", "Inter", "Segoe UI", sans-serif;--font-body: "Inter", "SF Pro Text", "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.35rem;--size-2xl: 1.75rem;--size-3xl: 2.25rem;--font-size-xs: var(--size-xs);--font-size-sm: var(--size-sm);--font-size-base: var(--size-base);--font-size-lg: var(--size-lg);--font-size-xl: var(--size-xl);--font-size-2xl: var(--size-2xl);--font-size-3xl: var(--size-3xl);--line-tight: 1.2;--line-base: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .9rem;--radius-lg: 1.2rem;--radius-xl: 1.8rem;--c-bg: #f5f6f8;--c-bg-accent: #eef1f5;--c-surface: #ffffff;--c-surface-soft: #f8fafc;--c-border: #d9dee5;--c-border-strong: #bdc6d2;--c-text: #11151b;--c-text-muted: #5c6675;--c-brand: #1b2430;--c-brand-strong: #0d1117;--c-danger: #b73856;--c-danger-soft: #fff3f6;--c-success: #2f7a67;--c-success-soft: #eefaf6;--color-background: var(--c-bg);--color-surface: var(--c-surface);--color-surface-elevated: var(--c-surface-soft);--color-border: var(--c-border);--color-border-light: #e3e7ee;--color-text: var(--c-text);--color-text-secondary: var(--c-text-muted);--color-text-muted: #6c7482;--color-primary: var(--c-brand);--color-primary-hover: var(--c-brand-strong);--color-success: var(--c-success);--color-danger: var(--c-danger);--color-error: var(--c-danger);--shadow-sm: 0 2px 10px rgb(17 21 27 / .06);--shadow-md: 0 10px 24px rgb(17 21 27 / .08);--shadow-lg: 0 22px 40px rgb(17 21 27 / .12);--container-max-width: 1100px;--container-padding: var(--space-4);--transition-fast: .16s ease;--transition-base: .26s ease;color:var(--c-text);font-family:var(--font-body);line-height:var(--line-base);font-weight:500;text-rendering:optimizeLegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--c-text);background:radial-gradient(1200px 720px at -15% -10%,#edf0f4 0%,transparent 62%),radial-gradient(920px 520px at 110% 10%,#eff2f7 0%,transparent 66%),var(--c-bg)}h1,h2,h3{margin:0;line-height:var(--line-tight);color:var(--c-text);font-family:var(--font-display);letter-spacing:-.02em}h1{font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:800}h2{font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:760}h3{font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:700}p{margin:0;color:var(--c-text-muted)}a{color:var(--c-brand);text-decoration:none}a:hover{color:var(--c-brand-strong)}input,textarea,select{width:100%;font:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:.75rem .95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}textarea{min-height:144px;resize:vertical}input::placeholder,textarea::placeholder{color:#7d92ab}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--c-brand);box-shadow:0 0 0 3px #456fa329}button{font:inherit;font-weight:700;border-radius:999px;border:1px solid var(--c-brand);color:#f7f9fc;background:linear-gradient(135deg,#1f2a37,#111827);padding:.6rem 1.05rem;min-height:2.45rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);box-shadow:var(--shadow-sm)}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.03)}button:active{transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.button-secondary{background:var(--c-surface);border-color:var(--c-border);color:var(--c-text)}.button-secondary:hover{border-color:var(--c-border-strong);background:var(--c-surface-soft);filter:none}.button-danger{background:linear-gradient(135deg,#ca4f6b,#b73856);border-color:#b73856;color:#fff}.button-danger:hover{background:linear-gradient(135deg,#be415d,#9f3149)}.button-primary{background:linear-gradient(135deg,#1f2a37,#111827);border-color:#111827}.form-group{display:grid;gap:var(--space-2)}.form-input{width:100%}.section{width:100%;padding:var(--space-4) 0}.section--tight{padding:var(--space-3) 0}.wrap{width:min(100%,var(--container-max-width));margin:0 auto;padding:0 var(--container-padding)}.grid-centered{display:grid;place-items:center}.flex-row{display:flex;align-items:center}.gap{gap:var(--space-4)}.stack-tight>*+*{margin-top:var(--space-3)}.mt-0{margin-top:0}.toast{position:fixed;z-index:1200;left:50%;bottom:max(1.2rem,env(safe-area-inset-bottom));transform:translate(-50%);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.85rem 1.1rem;color:var(--c-text);max-width:min(92vw,620px)}.toast.error{border-color:#e9a1b2;background:#fff5f8}.toast.success{border-color:#9dd8bc;background:#f3fff9}.error{color:var(--c-danger)}:focus-visible{outline:3px solid rgb(69 111 163 / .32);outline-offset:2px}@media (max-width: 780px){:root{--container-padding: var(--space-3)}.flex-row{flex-direction:column;align-items:stretch}}