:root{color-scheme:dark;--bg: #202124;--surface: rgba(18, 20, 26, .72);--surface-strong: rgba(31, 34, 44, .88);--surface-soft: rgba(255, 255, 255, .06);--surface-border: rgba(255, 255, 255, .12);--text: #ffffff;--text-soft: rgba(255, 255, 255, .72);--delete: #6f1111;--delete-text: #ffd0d0;--shadow: rgba(0, 0, 0, .38);--glow: rgba(76, 180, 255, .16);--card-size: 93px;--row-label-width: 110px;--board-gap: 12px;--edit-bar-height: 136px;--font: Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 18% 10%,rgba(120,145,255,.14),transparent 28%),radial-gradient(circle at 82% 18%,rgba(67,201,255,.12),transparent 26%),radial-gradient(circle at 50% 100%,rgba(255,85,138,.12),transparent 34%),var(--bg);color:var(--text);font-family:var(--font)}body{overflow-x:auto;overflow-y:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.viewport{position:relative;min-height:100vh;padding:20px 20px 28px;overflow:visible}.ambient{position:fixed;inset:auto;pointer-events:none;filter:blur(24px);opacity:.9;z-index:0}.ambient-one{top:-80px;left:-50px;width:280px;height:280px;background:radial-gradient(circle,rgba(115,123,255,.26),transparent 68%)}.ambient-two{top:60px;right:-80px;width:340px;height:340px;background:radial-gradient(circle,rgba(62,208,255,.2),transparent 70%)}.ambient-three{bottom:-110px;left:35%;width:420px;height:420px;background:radial-gradient(circle,rgba(255,101,151,.17),transparent 72%)}.app-shell{position:relative;z-index:1;width:max-content;min-width:100%}.edit-mode-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none;background:linear-gradient(180deg,rgba(255,133,94,.22),transparent 10px),linear-gradient(0deg,rgba(255,133,94,.22),transparent 10px),linear-gradient(90deg,rgba(255,133,94,.22),transparent 10px),linear-gradient(270deg,rgba(255,133,94,.22),transparent 10px);box-shadow:inset 0 0 0 9999px #05070a1f,inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:saturate(.94) brightness(.96);backdrop-filter:saturate(.94) brightness(.96)}.boot-panel{max-width:680px;margin:12vh auto 0;padding:26px 24px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(180deg,#161a23eb,#0e1016f5),#0a0c10f5;box-shadow:0 22px 44px #00000047,inset 0 1px #ffffff0f}.boot-panel h1{margin:0 0 10px;font-size:clamp(32px,5vw,54px);letter-spacing:-.05em}.boot-copy{margin:0;color:#ffffffb8;line-height:1.6}.eyebrow{margin:0 0 8px;color:#b5dcffd9;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;flex-direction:column;gap:10px}.floating-action,.primary-button,.secondary-button,.close-button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:999px;height:40px;padding:0 16px;color:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,background .16s ease}.floating-action:disabled,.primary-button:disabled,.secondary-button:disabled,.close-button:disabled{cursor:not-allowed;opacity:.42;transform:none;filter:grayscale(.15)}.floating-action{width:54px;height:54px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff24,#ffffff0a),#101218eb;box-shadow:0 16px 30px #00000047,inset 0 1px #ffffff14;color:#ffffffe6}.floating-action.is-active{background:linear-gradient(135deg,#61acffeb,#4676ffc7),#4f76ffe6;box-shadow:0 16px 30px #375fd25c,inset 0 1px #ffffff3d}.floating-action.is-edit-toggle.is-active{background:linear-gradient(135deg,#ff8c5ff5,#dd522ee0),#ff694ae6;box-shadow:0 16px 30px #bf4b2857,inset 0 1px #ffffff38}.floating-action:hover,.primary-button:hover,.secondary-button:hover,.close-button:hover{transform:translateY(-1px);filter:brightness(1.02)}.primary-button{background:linear-gradient(135deg,#61acffeb,#4676ffc7),#4f76ffe6;box-shadow:0 14px 30px #375fd25c,inset 0 1px #ffffff3d}.secondary-button,.close-button{background:linear-gradient(135deg,#ffffff1f,#ffffff0d),#141822d6;box-shadow:0 10px 24px #0000003d,inset 0 1px #ffffff14}.primary-button:after,.secondary-button:after,.close-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);transform:translate(-120%);transition:transform .42s ease}.primary-button:hover:after,.secondary-button:hover:after,.close-button:hover:after{transform:translate(120%)}.action-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.action-icon svg{width:100%;height:100%}.add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px}.add-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06080cb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.add-sheet{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(180deg,#161a23fa,#0e1016fa),#0a0c10f5;box-shadow:0 26px 50px #00000057,inset 0 1px #ffffff0f}.add-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.add-sheet-header h2{margin:0;font-size:32px;letter-spacing:-.04em}.add-sheet-form{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;margin-bottom:16px}.add-sheet-actions{display:flex;justify-content:flex-end;gap:10px}.add-sheet select{width:100%;height:40px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(180deg,#ffffff1f,#ffffff0f),#0e1016db;color:#fff;padding:0 14px;box-shadow:inset 0 1px #ffffff0f}.board-wrap{overflow:visible;padding-bottom:18px}.board{display:flex;flex-direction:column;gap:var(--board-gap);width:max-content;min-width:100%;padding:8px 0 18px}.tier-row{display:flex;min-height:114px;border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#ffffff05),#ffffff0d;box-shadow:0 16px 34px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tier-row:hover{box-shadow:0 22px 38px #00000052,0 0 0 1px #ffffff0a,inset 0 1px #ffffff14}.tier-label{position:relative;width:var(--row-label-width);min-width:var(--row-label-width);display:flex;align-items:center;justify-content:center;color:#fff;font-size:64px;font-weight:900;letter-spacing:.015em;text-shadow:0 1px 0 rgba(0,0,0,.24),0 10px 20px rgba(0,0,0,.16);overflow:hidden}.tier-label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 60%);mix-blend-mode:screen;pointer-events:none}.tier-label-text{position:relative;z-index:1;background:linear-gradient(180deg,#fffffffc,#fffffff7 58%,color-mix(in srgb,var(--tier-accent) 16%,white 84%));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.16),0 0 14px color-mix(in srgb,var(--tier-accent) 18%,transparent);-webkit-text-stroke:.6px rgba(255,255,255,.08)}.tier-label .sparkle{display:none}.tier-label.is-s-tier .sparkle{position:absolute;top:10px;right:10px;z-index:2;width:20px;height:20px;display:block;transform:rotate(8deg);opacity:.98;color:#fffffffa;text-shadow:0 0 12px rgba(255,255,255,.34);filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}.tier-blocks{flex:1;display:flex;align-items:flex-start;gap:10px;padding:12px;min-height:114px;overflow:visible}.tier-blocks.is-over{outline:2px dashed rgba(255,255,255,.65);outline-offset:-4px}.tier-card{position:relative;width:var(--card-size);min-width:var(--card-size);height:var(--card-size);display:block;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#080a0ef2;box-shadow:0 10px 22px #00000057,inset 0 1px #ffffff0d;overflow:hidden;cursor:default;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.tier-card.is-editable:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 30px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff14}.tier-card.is-editable{cursor:grab;box-shadow:0 10px 22px #00000057,0 0 0 1px #ff916814,inset 0 1px #ffffff0d}.viewport.is-edit-mode .tier-row{border-color:#ffb79c29}.viewport.is-edit-mode .tier-label{box-shadow:inset 0 0 0 1px #ffffff0f}.tier-card.is-dragging{cursor:grabbing;outline:2px solid rgba(255,176,149,.42);outline-offset:1px}.tier-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 32%),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.28));pointer-events:none;z-index:1}.tier-card img{display:block;width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#ffffff14,#ffffff08)}.tier-card-media{position:relative;width:100%;height:100%;border-radius:inherit;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1),transparent 42%),linear-gradient(135deg,#2a3240f5,#181e29f5);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.tier-card-media.is-placeholder{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 42%),radial-gradient(circle at 78% 78%,rgba(156,185,255,.16),transparent 28%),linear-gradient(135deg,#b8c3d3fa,#5c6a80fa)}.tier-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00000014;pointer-events:none}.tier-card-placeholder{position:relative;width:100%;height:100%;border-radius:inherit;display:grid;place-items:center;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.36),transparent 34%),radial-gradient(circle at 74% 76%,rgba(114,155,255,.22),transparent 32%),linear-gradient(135deg,#ccd5e2fa,#68768afa);color:#fffffff5}.tier-card-placeholder-icon{width:58%;height:58%;filter:drop-shadow(0 12px 22px rgba(0,0,0,.18))}.tier-card-placeholder-icon rect,.tier-card-placeholder-icon circle,.tier-card-placeholder-icon path{vector-effect:non-scaling-stroke}.tier-card.is-hidden{opacity:.42}.tier-card.is-new:before{content:"new";position:absolute;top:-10px;left:10px;padding:2px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(135deg,#ffe96a,#d4b92c);color:#1a1600;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;z-index:2;box-shadow:0 8px 18px #00000038}.tier-card.is-hot:before{content:"HOT!";position:absolute;top:-10px;left:10px;padding:2px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:linear-gradient(135deg,#ff8e4e,#ff2f46);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;z-index:2;animation:hotPulse 1.2s infinite ease-in-out;box-shadow:0 10px 18px #0000003d}.tier-card.is-platinum{box-shadow:0 12px 24px #00000057,0 0 24px #ffe7a21f,inset 0 1px #ffffff47}.tier-card.is-platinum:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid rgba(240,229,190,.95);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff2e,0 0 18px #ffe7a233;pointer-events:none}.delete-area{position:fixed;left:50%;bottom:calc(var(--edit-bar-height) + 18px);width:min(880px,calc(100vw - 48px));transform:translate(-50%);margin-top:0;min-height:68px;border:1px solid rgba(255,112,112,.26);border-radius:18px;background:linear-gradient(135deg,#ff6f6f2e,#6f1111f5),var(--delete);color:var(--delete-text);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 16px 32px #00000047,inset 0 1px #ffffff14;z-index:34}.drag-preview{position:fixed;z-index:50;pointer-events:none;width:var(--card-size);height:var(--card-size);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#080a0eeb;box-shadow:0 20px 40px #0000006b,0 0 0 1px #ffffff14,0 0 34px #5aa0ff29;transform:scale(1.05)}.drag-preview img{width:100%;height:100%;object-fit:cover;display:block}.drag-preview-title{position:absolute;inset:auto 8px 8px;padding:4px 6px;border-radius:999px;background:#0009;color:#ffffffe6;font-size:10px;font-weight:700;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-bar-spacer{height:var(--edit-bar-height)}.edit-bar{position:fixed;left:0;right:0;bottom:0;min-height:var(--edit-bar-height);border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#16181fe0,#0c0e13f5),#080a0efa;box-shadow:0 -16px 44px #0006;z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.edit-bar-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:18px;align-items:start;padding:16px 18px 18px;max-width:1240px;margin:0 auto}.edit-bar h2{margin:0 0 10px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1}.edit-bar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.edit-bar-heading h2{margin:0;font-size:18px;letter-spacing:-.03em;text-transform:none;color:#fff}.edit-url{width:100%;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d),#12141be6;color:#fff;padding:0 14px}.tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:14px}.tag-button{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(180deg,#ffffff14,#ffffff08),#12141be6;color:#ffffffe6;box-shadow:0 10px 24px #0003,inset 0 1px #ffffff14;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,filter .16s ease}.tag-button:hover{transform:translateY(-1px)}.tag-button.is-active{border-color:#ffffff2e;box-shadow:0 14px 28px #0000003d,inset 0 1px #ffffff1a}.tag-button-badge{width:12px;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:#ffffff0f;box-shadow:inset 0 1px #ffffff1a;flex:none}.tag-button.is-active .tag-button-badge{background:currentColor;border-color:currentColor}.tag-platinum{background:linear-gradient(135deg,#faf0c338,#ccb7781f),#12141be6}.tag-hidden{background:linear-gradient(135deg,#ffffff1f,#ffffff08),#12141be6}.tag-new{background:linear-gradient(135deg,#ffe96a33,#d4b92c14),#12141be6}.tag-hot{background:linear-gradient(135deg,#ff8e4e33,#ff2f4614),#12141be6}.edit-empty{color:#ffffffb8;line-height:1.6}.muted{color:#ffffff9e}.error-text{margin-top:8px;color:#ffc9c9;font-size:12px}@keyframes hotPulse{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.03);filter:saturate(1.25)}}@media(max-width:980px){.edit-bar-inner{grid-template-columns:1fr}}@media(max-width:720px){.viewport{padding:12px}.floating-actions{right:12px;top:12px;bottom:auto;gap:8px}.floating-action{width:48px;height:48px}.add-overlay{padding:12px}.add-sheet{padding:16px;border-radius:22px}.add-sheet-header{flex-direction:column}.add-sheet-header h2{font-size:24px}.add-sheet-form,.add-sheet-actions{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.add-sheet-actions{display:grid}.add-sheet input[type=number],.add-sheet input[type=text]{width:100%}.tag-grid{grid-template-columns:1fr}.tier-label{font-size:54px}}