*,:before,:after{box-sizing:border-box}html,body{color:#e0e0f0;-webkit-font-smoothing:antialiased;background:#0a0a12;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0e0e1c}::-webkit-scrollbar-thumb{background:#2a2a50;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4040a0}button,input{font-family:inherit}.sticker-card{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:96px;min-height:108px;padding:14px 8px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.sticker-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000038}.sticker-card:active{transform:scale(.96)}.sticker-card--missing{opacity:.65;background:#1e1e2e;border-color:#3d3d5c}.sticker-card--pasted{opacity:1;background:#1a3d2b;border-color:#2ecc71}.sticker-card--duplicate{opacity:1;background:#3d2b00;border-color:#f39c12}.sticker-card--shiny.sticker-card--missing{background:linear-gradient(135deg,#1e1e2e,#2d2d4e);border-color:#6c6ca0}.sticker-card--shiny.sticker-card--pasted{background:linear-gradient(135deg,#1a3d2b,#1e5c3a);border-color:#27ae60;box-shadow:0 0 10px #2ecc714d}.sticker-card--shiny.sticker-card--duplicate{background:linear-gradient(135deg,#3d2b00,#5c4000);border-color:#e67e22;box-shadow:0 0 10px #f39c124d}.sticker-card__num{color:#888;letter-spacing:.04em;font-family:"Exo 2",sans-serif;font-size:22px;font-weight:900;line-height:1}.sticker-card--pasted .sticker-card__num,.sticker-card--duplicate .sticker-card__num{color:#ffffffd9}.sticker-card__name{text-align:center;color:#999;text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.2;overflow:hidden}.sticker-card--pasted .sticker-card__name,.sticker-card--duplicate .sticker-card__name{color:#ffffffbf}.sticker-card__status-label{margin-top:2px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.sticker-card--missing .sticker-card__status-label{color:#555}.sticker-card--pasted .sticker-card__status-label{color:#2ecc71}.sticker-card__dup-badge{color:#000;background:#f39c12;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0006}.sticker-card__shiny-badge{color:#f9ca24;font-size:8px;position:absolute;top:3px;left:3px}.section-panel{background:#12121e;border:1px solid #2a2a40;border-radius:12px;transition:border-color .2s;overflow:hidden}.section-panel--open{border-color:#3d3d70}.section-panel__header{cursor:pointer;color:#e0e0ff;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:18px 22px;display:flex}.section-panel__header:hover{background:#ffffff0a}.section-panel__flag{flex-shrink:0;font-size:36px}.section-panel__name{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:"Exo 2",sans-serif;font-size:22px;font-weight:800;overflow:hidden}.section-panel__short{color:#555;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.section-panel__progress-wrap{flex-shrink:0;align-items:center;gap:6px;display:flex}.section-panel__progress-bar{background:#2a2a40;border-radius:4px;width:100px;height:8px;overflow:hidden}.section-panel__progress-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:3px;height:100%;transition:width .3s}.section-panel__pct{color:#888;text-align:right;width:44px;font-family:DM Sans,sans-serif;font-size:16px}.section-panel__badges{flex-shrink:0;gap:6px;display:flex}.badge{border-radius:20px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.badge--pasted{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.badge--dup{color:#f39c12;background:#f39c1226;border:1px solid #f39c124d}.section-panel__chevron{color:#555;flex-shrink:0;font-size:11px}.section-panel__grid{background:#0e0e18;border-top:1px solid #1e1e30;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;padding:16px;display:grid}@media (width<=600px){.section-panel__progress-wrap{display:none}.section-panel__name{font-size:13px}}.stats{flex-direction:column;align-items:center;gap:24px;display:flex}.stats__overall{justify-content:center;display:flex}.stats__overall-ring{width:200px;height:200px;position:relative}.stats__ring-svg{width:100%;height:100%;transform:rotate(0)}.stats__ring-bg{fill:none;stroke:#1e1e30;stroke-width:10px}.stats__ring-fill{fill:none;stroke:#2ecc71;stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray .5s}.stats__ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stats__ring-pct{color:#fff;font-family:"Exo 2",sans-serif;font-size:44px;font-weight:900;line-height:1}.stats__ring-sub{color:#888;margin-top:6px;font-family:DM Sans,sans-serif;font-size:17px}.stats__cards{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:500px;display:grid}.stats__card{background:#12121e;border:1px solid #2a2a40;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;display:flex}.stats__card-value{font-family:"Exo 2",sans-serif;font-size:40px;font-weight:900;line-height:1}.stats__card-label{color:#888;font-family:DM Sans,sans-serif;font-size:17px;font-weight:500}.stats__card--total .stats__card-value{color:#a0a8ff}.stats__card--pasted .stats__card-value{color:#2ecc71}.stats__card--missing .stats__card-value{color:#e74c3c}.stats__card--dup .stats__card-value{color:#f39c12}@media (width>=600px){.stats__cards{grid-template-columns:repeat(4,1fr)}}.missing-list{flex-direction:column;gap:20px;display:flex}.missing-list__empty{text-align:center;color:#2ecc71;padding:60px 20px;font-size:24px}.missing-list__total{color:#888;margin:0;font-size:14px}.missing-list__group{flex-direction:column;gap:8px;display:flex}.missing-list__group-title{color:#a0a8ff;margin:0;font-size:14px;font-weight:700}.missing-list__chips{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.missing-chip{color:#ccc;cursor:pointer;letter-spacing:.04em;background:#1e1e2e;border:1px solid #3d3d5c;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:10px 12px;font-size:16px;font-weight:800;transition:background .15s,border-color .15s;display:flex}.missing-chip:hover{color:#2ecc71;background:#1a3d2b;border-color:#2ecc71}.missing-chip__name{color:#666;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:80px;font-size:10px;font-weight:400;overflow:hidden}.missing-chip:hover .missing-chip__name{color:#2ecc71b3}.dup-list{flex-direction:column;gap:20px;display:flex}.dup-list__empty{text-align:center;color:#888;padding:60px 20px;font-size:16px;line-height:1.6}.dup-list__total{color:#888;margin:0;font-size:14px}.dup-list__group{flex-direction:column;gap:6px;display:flex}.dup-list__group-title{color:#f39c12;margin:0;font-size:14px;font-weight:700}.dup-list__rows{flex-direction:column;gap:4px;display:flex}.dup-row{background:#1a1a08;border:1px solid #3d3000;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:flex}.dup-row__num{color:#f39c12;min-width:38px;font-size:12px;font-weight:700}.dup-row__name{color:#ddd;flex:1;font-size:13px}.dup-row__controls{align-items:center;gap:8px;display:flex}.dup-row__qty{color:#f39c12;text-align:center;min-width:26px;font-size:14px;font-weight:700}.dup-btn{color:#ccc;cursor:pointer;background:#252525;border:1px solid #555;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;transition:background .15s;display:flex}.dup-btn--add:hover{color:#2ecc71;background:#1a3d2b;border-color:#2ecc71}.dup-btn--remove:hover{color:#e74c3c;background:#3d1a1a;border-color:#e74c3c}.dup-list__copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25a25a,#1e8449);border:none;border-radius:10px;margin-top:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:opacity .15s}.dup-list__copy-btn:hover{opacity:.85}.lp{color:#e0e0f0;background:#080818;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.lp-nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080818d9;border-bottom:1px solid #6464c81a;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:sticky;top:0}.lp-nav__brand{align-items:center;gap:10px;display:flex}.lp-nav__logo{filter:drop-shadow(0 2px 8px #4f46e580);width:36px;height:36px;display:block}.lp-nav__ball{filter:drop-shadow(0 2px 8px #f9ca2480);font-size:28px}.lp-nav__name{letter-spacing:.03em;background:linear-gradient(135deg,#f9ca24,#f0932b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:"Exo 2",sans-serif;font-size:26px;font-weight:900}.lp-nav__actions{align-items:center;gap:12px;display:flex}.lp-nav__login{color:#9090cc;cursor:pointer;background:0 0;border:1px solid #6464c840;border-radius:12px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:600;transition:border-color .15s,color .15s}.lp-nav__login:hover{color:#c0c0ff;border-color:#6464c899}.lp-nav__cta{color:#0a0a18;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#f9ca24,#f0932b);border:none;border-radius:12px;padding:11px 26px;font-family:"Exo 2",sans-serif;font-size:17px;font-weight:800;transition:opacity .15s,transform .15s;box-shadow:0 4px 20px #f9ca2459}.lp-nav__cta:hover{opacity:.88;transform:translateY(-1px)}.lp-hero{text-align:center;flex-direction:column;align-items:center;padding:100px 24px 120px;display:flex;position:relative;overflow:hidden}.lp-hero__glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.lp-hero__glow--1{background:radial-gradient(circle,#f9ca241f 0%,#0000 70%);width:600px;height:600px;top:-200px;left:50%;transform:translate(-50%)}.lp-hero__glow--2{background:radial-gradient(circle,#3a7bd526 0%,#0000 70%);width:400px;height:400px;top:100px;left:-100px}.lp-hero__glow--3{background:radial-gradient(circle,#e843931f 0%,#0000 70%);width:400px;height:400px;top:50px;right:-100px}.lp-hero__badge{z-index:1;color:#f9ca24;letter-spacing:.04em;background:#f9ca2414;border:1px solid #f9ca2459;border-radius:100px;align-items:center;gap:8px;margin-bottom:36px;padding:8px 22px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:700;animation:.6s both fadein-up;display:inline-flex;position:relative}.lp-hero__title{z-index:1;letter-spacing:-.01em;color:#fff;margin:0 0 24px;font-family:"Exo 2",sans-serif;font-size:clamp(44px,9vw,88px);font-weight:900;line-height:1.05;animation:.7s .1s both fadein-up;position:relative}.lp-hero__title-highlight{background:linear-gradient(135deg,#f9ca24 0%,#f0932b 45%,#e84393 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-hero__sub{z-index:1;color:#88b;max-width:620px;margin:0 0 48px;font-size:clamp(18px,2.5vw,24px);line-height:1.65;animation:.7s .2s both fadein-up;position:relative}.lp-hero__sub strong{color:#c0c0e0}.lp-hero__ctas{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;animation:.7s .3s both fadein-up;display:flex;position:relative}.lp-hero__stickers{pointer-events:none;z-index:0;position:absolute;inset:0}.lp-sticker{opacity:.18;filter:blur(.5px);font-size:46px;animation:6s ease-in-out infinite float;position:absolute}.lp-sticker--1{font-size:56px;animation-delay:0s;top:12%;left:5%}.lp-sticker--2{font-size:42px;animation-delay:1s;top:25%;left:2%}.lp-sticker--3{font-size:38px;animation-delay:2s;top:8%;left:18%}.lp-sticker--4{font-size:52px;animation-delay:.5s;top:15%;right:6%}.lp-sticker--5{opacity:.12;font-size:62px;animation-delay:1.5s;top:55%;left:3%}.lp-sticker--6{font-size:50px;animation-delay:.8s;top:60%;right:4%}.lp-sticker--7{font-size:36px;animation-delay:2.2s;top:40%;left:7%}.lp-sticker--8{font-size:44px;animation-delay:1.8s;top:35%;right:8%}@keyframes float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-22px)rotate(4deg)}}@keyframes fadein-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.lp-btn{cursor:pointer;letter-spacing:.03em;border:none;align-items:center;gap:10px;font-family:"Exo 2",sans-serif;font-weight:800;transition:opacity .15s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:inline-flex}.lp-btn:hover{opacity:.9;transform:translateY(-3px)}.lp-btn:active{transform:scale(.97)}.lp-btn--big{border-radius:18px;padding:18px 38px;font-size:20px}.lp-btn--xl{border-radius:22px;padding:22px 52px;font-size:24px}.lp-btn--primary{color:#fff;background:linear-gradient(135deg,#3a7bd5 0%,#5a9bf5 60%,#7ab8ff 100%);box-shadow:0 8px 32px #3a7bd573}.lp-btn--gold{color:#0a0a18;background:linear-gradient(135deg,#f9ca24,#f0932b);box-shadow:0 8px 32px #f9ca2466}.lp-btn--ghost{color:#9090cc;background:#6464c81a;border:1px solid #6464c840}.lp-btn--ghost:hover{color:#c0c0ff;background:#6464c82e}.lp-btn__arrow{font-size:1.1em;transition:transform .15s}.lp-btn:hover .lp-btn__arrow{transform:translate(5px)}.lp-link{color:#5050a0;cursor:pointer;text-align:center;background:0 0;border:none;margin:16px auto 0;font-family:DM Sans,sans-serif;font-size:18px;transition:color .15s;display:block}.lp-link:hover{color:#9090cc}.lp-stats{background:linear-gradient(135deg,#0f0f28,#14143a);border-top:1px solid #6464c81f;border-bottom:1px solid #6464c81f;flex-wrap:wrap;justify-content:center;gap:0;display:flex}.lp-stats__item{border-right:1px solid #6464c81a;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:200px;padding:40px 60px;display:flex}.lp-stats__item:last-child{border-right:none}.lp-stats__value{background:linear-gradient(135deg,#f9ca24,#f0932b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:"Exo 2",sans-serif;font-size:52px;font-weight:900;line-height:1}.lp-stats__label{color:#6060a0;text-align:center;font-family:DM Sans,sans-serif;font-size:18px;font-weight:500}.lp-features{max-width:1100px;margin:0 auto;padding:100px 24px}.lp-section-header{text-align:center;margin-bottom:72px}.lp-section-tag{letter-spacing:.18em;color:#f9ca24;text-transform:uppercase;margin:0 0 16px;font-family:"Exo 2",sans-serif;font-size:14px;font-weight:800}.lp-section-title{color:#fff;letter-spacing:-.01em;margin:0;font-family:"Exo 2",sans-serif;font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.1}.lp-features__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.lp-feature-card{background:linear-gradient(135deg,#111130 0%,#0c0c24 100%);border:1px solid #6464c824;border-radius:28px;padding:40px 34px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s;position:relative;overflow:hidden}.lp-feature-card:before{content:"";opacity:0;background:linear-gradient(90deg,#f9ca24,#f0932b,#e84393);height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.lp-feature-card:hover{border-color:#6464c859;transform:translateY(-10px)scale(1.01);box-shadow:0 32px 72px #00000080,0 0 0 1px #7878dc38}.lp-feature-card:hover:before{opacity:1}.lp-feature-card__emoji{filter:drop-shadow(0 4px 14px #0006);margin-bottom:20px;font-size:56px;display:block}.lp-feature-card__title{color:#fff;letter-spacing:.01em;margin:0 0 12px;font-family:"Exo 2",sans-serif;font-size:26px;font-weight:900}.lp-feature-card__desc{color:#6868a0;margin:0;font-family:DM Sans,sans-serif;font-size:18px;line-height:1.65}.lp-free{background:linear-gradient(135deg,#0a0a20 0%,#080818 100%);padding:24px}.lp-free__inner{background:linear-gradient(135deg,#14143a,#1a1050,#14143a);border:1px solid #f9ca2433;border-radius:36px;flex-wrap:wrap;align-items:center;gap:48px;max-width:1000px;margin:0 auto;padding:72px 48px;display:flex;position:relative;overflow:hidden}.lp-free__inner:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#f9ca240f 0%,#0000 55%),radial-gradient(at 80%,#3a7bd512 0%,#0000 55%);position:absolute;inset:0}.lp-free__icon{filter:drop-shadow(0 8px 24px #f9ca244d);flex-shrink:0;font-size:96px;animation:5s ease-in-out infinite float}.lp-free__text{flex:1;min-width:260px}.lp-free__title{color:#fff;margin:0 0 16px;font-family:"Exo 2",sans-serif;font-size:clamp(32px,4vw,52px);font-weight:900;line-height:1.1}.lp-free__desc{color:#6868a0;margin:0;font-family:DM Sans,sans-serif;font-size:20px;line-height:1.6}.lp-how{max-width:980px;margin:0 auto;padding:100px 24px}.lp-how__steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.lp-step{text-align:center;background:linear-gradient(135deg,#111130,#0c0c24);border:1px solid #6464c824;border-radius:28px;flex:1;min-width:220px;max-width:280px;padding:40px 28px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative}.lp-step:hover{transform:translateY(-8px)}.lp-step__num{background:linear-gradient(135deg,#f9ca24,#f0932b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:"Exo 2",sans-serif;font-size:60px;font-weight:900;line-height:1}.lp-step__title{color:#fff;margin:0 0 12px;font-family:"Exo 2",sans-serif;font-size:24px;font-weight:800}.lp-step__desc{color:#6060a0;margin:0;font-family:DM Sans,sans-serif;font-size:18px;line-height:1.55}.lp-step__arrow{color:#6464c840;flex-shrink:0;align-self:flex-start;margin-top:60px;font-size:36px}.lp-final-cta{text-align:center;padding:120px 24px 100px;position:relative;overflow:hidden}.lp-final-cta__glow{pointer-events:none;background:radial-gradient(at 50% 40%,#3a7bd529 0%,#0000 65%);position:absolute;inset:0}.lp-final-cta__emoji{filter:drop-shadow(0 8px 28px #f9ca2466);margin-bottom:24px;font-size:96px;animation:4s ease-in-out infinite float;display:block}.lp-final-cta__title{color:#fff;letter-spacing:-.01em;margin:0 0 24px;font-family:"Exo 2",sans-serif;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:1.1}.lp-final-cta__sub{color:#6060a0;margin:0 0 48px;font-family:DM Sans,sans-serif;font-size:22px}.lp-footer{background:#060610;border-top:1px solid #6464c81a;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;display:flex}.lp-footer__brand{background:linear-gradient(135deg,#f9ca24,#f0932b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:"Exo 2",sans-serif;font-size:22px;font-weight:900}.lp-footer__tagline{color:#44447a;font-family:DM Sans,sans-serif;font-size:16px}.lp-footer__copy{color:#333362;font-family:DM Sans,sans-serif;font-size:15px}@media (width<=680px){.lp-nav{padding:16px 18px}.lp-nav__cta{padding:10px 18px;font-size:15px}.lp-nav__login{display:none}.lp-hero{padding:70px 18px 90px}.lp-stats__item{padding:30px 28px}.lp-free__inner{text-align:center;flex-direction:column;padding:44px 28px}.lp-how__steps{flex-direction:column;align-items:center}.lp-step__arrow{display:none}.lp-step{width:100%;max-width:100%}.lp-features__grid{grid-template-columns:1fr}}:root{--font-title:"Exo 2", sans-serif;--font-body:"DM Sans", sans-serif}*{font-family:var(--font-body)}.app{color:#e0e0f0;background:#0a0a12;flex-direction:column;min-height:100vh;display:flex}.app-header{background:linear-gradient(135deg,#0f0f22,#14143a);border-bottom:1px solid #1e1e3a;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px;display:flex}.app-header__logo{font-size:36px}.app-header__titles{flex:1}.app-header__title{letter-spacing:.02em;background:linear-gradient(90deg,#f9ca24,#f0932b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:"Exo 2",sans-serif;font-size:28px;font-weight:900}.app-header__subtitle{color:#666;margin:2px 0 0;font-family:DM Sans,sans-serif;font-size:17px}.app-header__right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-header__summary{flex-wrap:wrap;gap:8px;display:flex}.summary-badge{border-radius:20px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700}.summary-badge--pasted{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.summary-badge--missing{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c4d}.summary-badge--dup{color:#f39c12;background:#f39c1226;border:1px solid #f39c124d}.summary-badge--sync{color:#88c;background:#6464c81f;border:1px solid #6464c833}.summary-badge--syncing{color:#a0a8ff;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sync-code-section{background:#0e0e1c;border:1px solid #2a2a50;border-radius:10px;flex-direction:column;gap:10px;width:100%;max-width:720px;padding:12px 16px;display:flex}.sync-code-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sync-code-label{color:#888;flex-shrink:0;font-size:13px}.sync-code-value{color:#a0c4ff;background:#1e1e3a;border-radius:6px;flex-shrink:0;padding:2px 8px;font-family:monospace;font-size:13px}.sync-code-btn{color:#a0a8ff;cursor:pointer;background:#6464c81f;border:1px solid #6464c84d;border-radius:8px;padding:6px 14px;font-size:12px;transition:background .15s}.sync-code-btn:hover{background:#6464c838}.sync-code-btn--alt{color:#666;background:0 0;border-color:#3a3a60}.sync-code-btn--alt:hover{color:#a0a8ff;background:#6464c814}.sync-code-input-row{gap:8px;display:flex}.sync-code-input{color:#e0e0ff;background:#0e0e18;border:1px solid #2a2a50;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:monospace;font-size:12px}.sync-code-input:focus{border-color:#5050b0}.app-tabs{background:#0e0e1c;border-bottom:1px solid #1e1e30;gap:2px;padding:8px 16px 0;display:flex;overflow-x:auto}.app-tab{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;transition:color .15s,border-color .15s}.app-tab:hover{color:#ccc}.app-tab--active{color:#f9ca24;border-bottom-color:#f9ca24}.app-main{box-sizing:border-box;flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px 16px}.album-view{flex-direction:column;gap:16px;display:flex}.album-controls{flex-direction:column;gap:10px;display:flex}.album-search{color:#e0e0f0;box-sizing:border-box;background:#12121e;border:1px solid #2a2a40;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}.album-search:focus{border-color:#5050a0}.conf-filters{flex-wrap:wrap;gap:6px;display:flex}.conf-btn{color:#888;cursor:pointer;background:#12121e;border:1px solid #2a2a40;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.conf-btn:hover{color:#ccc;border-color:#5050a0}.conf-btn--active{color:#a0a8ff;background:#1e1e50;border-color:#6060c0}.album-sections{flex-direction:column;gap:8px;display:flex}.album-empty{text-align:center;color:#555;padding:40px}.album-hint{color:#555;text-align:center;margin:4px 0;font-size:12px}.album-hint strong{color:#888}.album-danger{flex-direction:column;align-items:center;gap:12px;padding-top:12px;display:flex}.import-toggle-btn{color:#a0a8ff;cursor:pointer;background:0 0;border:1px solid #3d3d70;border-radius:8px;padding:8px 20px;font-size:13px;transition:background .15s}.import-toggle-btn:hover{background:#6464c81a}.import-panel{background:#12121e;border:1px solid #2a2a50;border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:640px;padding:16px;display:flex}.import-panel__hint{color:#777;margin:0;font-size:12px;line-height:1.6}.import-panel__hint code{color:#a0c4ff;background:#1e1e3a;border-radius:4px;padding:1px 5px;font-size:11px}.import-panel__textarea{color:#e0e0ff;resize:vertical;box-sizing:border-box;background:#0e0e18;border:1px solid #2a2a50;border-radius:8px;outline:none;width:100%;padding:10px;font-family:monospace;font-size:12px}.import-panel__textarea:focus{border-color:#5050b0}.import-panel__actions{flex-wrap:wrap;gap:8px;display:flex}.import-btn{color:#2ecc71;cursor:pointer;background:#2ecc711f;border:1px solid #2ecc7159;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.import-btn:hover:not(:disabled){background:#2ecc7138}.import-btn:disabled{opacity:.4;cursor:not-allowed}.export-btn{color:#a0a8ff;cursor:pointer;background:#6464c81f;border:1px solid #6464c859;border-radius:8px;padding:8px 18px;font-size:13px;transition:background .15s}.export-btn:hover{background:#6464c838}.danger-btn{color:#c0392b;cursor:pointer;background:0 0;border:1px solid #5a2020;border-radius:8px;padding:8px 20px;font-size:13px;transition:background .15s}.danger-btn:hover{background:#c0392b1a}.import-panel__msg{color:#a0a8ff;text-align:center;margin:0;font-size:13px}.user-avatar-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 0 0 2px #ffffff26}.user-avatar-btn:hover{transform:scale(1.08);box-shadow:0 0 0 3px #ffffff40}.user-avatar-char{font-size:16px;line-height:1}.loading-screen{color:#888;background:#0a0a12;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading-ball{font-size:56px;animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-wrapper{background:linear-gradient(#0a0a12 30%,#0f0f2e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:linear-gradient(135deg,#14143a,#0f0f28);border:1px solid #6464c833;border-radius:24px;width:100%;max-width:440px;padding:48px 36px;box-shadow:0 16px 64px #000000b3}.login-logo{text-align:center;filter:drop-shadow(0 4px 24px #4f46e580);margin-bottom:12px}.login-sub{text-align:center;color:#6060a0;margin:-8px 0 20px;font-family:DM Sans,sans-serif;font-size:17px}.login-back-btn{color:#5050a0;cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-family:DM Sans,sans-serif;font-size:16px;transition:color .15s;display:block}.login-back-btn:hover{color:#9090cc}.login-title{text-align:center;letter-spacing:.02em;background:linear-gradient(135deg,#f9ca24,#f0932b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-family:"Exo 2",sans-serif;font-size:32px;font-weight:900}.login-tabs{background:#0a0a12;border-radius:8px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.login-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;transition:background .15s,color .15s}.login-tab--active{color:#e8e8ff;background:#1e1e5e}.login-form{flex-direction:column;gap:14px;display:flex}.login-label{color:#9090bb;margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;display:block}.login-input{color:#e8e8ff;box-sizing:border-box;background:#00000040;border:1px solid #6464c833;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-family:DM Sans,sans-serif;font-size:18px;transition:border-color .15s}.login-input:focus{border-color:var(--accent,#3a7bd5)}.login-btn{background:linear-gradient(135deg, var(--accent,#3a7bd5), #5a9bf5);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:4px;padding:16px;font-family:DM Sans,sans-serif;font-size:19px;font-weight:700;transition:opacity .15s,transform .15s;box-shadow:0 4px 20px #3a7bd54d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn:hover:not(:disabled){opacity:.88}.login-error{color:#f88;background:#dc323226;border:1px solid #dc323266;border-radius:8px;padding:10px 14px;font-size:13px}.login-divider{color:#555;align-items:center;gap:10px;margin:4px 0 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#2a2a50;flex:1;height:1px}.login-google-btn{color:#e8e8ff;cursor:pointer;background:#6464c814;border:1px solid #6464c833;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:4px;padding:15px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.login-google-btn:hover:not(:disabled){background:#20204a;border-color:#4285f4}.login-google-btn:disabled{opacity:.6;cursor:not-allowed}.profile-page{background:#0a0a12;min-height:100vh;padding:0 0 60px}.profile-header-bar{z-index:10;background:#12122a;border-bottom:1px solid #1e1e3e;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.profile-back-btn,.profile-signout-btn{color:#e8e8ff;cursor:pointer;background:#1e1e5e;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.profile-signout-btn{color:#f88;background:#dc323233}.profile-card{flex-direction:column;gap:24px;max-width:520px;margin:24px auto;padding:0 16px;display:flex}.profile-avatar-preview{background:var(--accent,#3a7bd5);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 4px;font-size:36px;display:flex}.profile-email{text-align:center;color:#888;font-size:13px}.profile-section-title{color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:13px;font-weight:700}.profile-form{background:#12122a;border:1px solid #1e1e3e;border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex}.profile-field{flex-direction:column;gap:6px;display:flex}.profile-label{color:#aaa;font-size:12px}.profile-input,.profile-select{color:#e8e8ff;box-sizing:border-box;background:#0f0f24;border:1px solid #2a2a50;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.profile-input:focus,.profile-select:focus{border-color:var(--accent,#3a7bd5)}.profile-save-btn{background:var(--accent,#3a7bd5);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:11px;font-size:14px;font-weight:700;transition:opacity .15s}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-save-btn:hover:not(:disabled){opacity:.88}.profile-save-btn--secondary{background:#2a2a50!important}.avatar-grid{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.avatar-option{cursor:pointer;background:#14142a;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;transition:border-color .15s,transform .1s;display:flex}.avatar-option--initials{color:#aaa;font-size:14px;font-weight:700}.avatar-option--selected{border-color:var(--accent,#3a7bd5);background:#3a7bd52e;transform:scale(1.15)}.color-grid{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:border-color .15s,transform .1s}.color-swatch--selected{border-color:#fff;transform:scale(1.18)}.color-custom{cursor:pointer;background:#14142a;border:none;border-radius:8px;width:32px;height:32px;padding:2px}.album-list-page{background:#080818;flex-direction:column;min-height:100vh;display:flex}.album-list-header{background:linear-gradient(135deg,#0f0f26,#161640);border-bottom:2px solid #f9ca241f;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;display:flex}.album-list-header__left{align-items:center;gap:16px;min-width:0;display:flex}.album-list-logo{filter:drop-shadow(0 2px 10px #f9ca2473);flex-shrink:0;font-size:52px}.album-list-title{letter-spacing:.02em;background:linear-gradient(135deg,#f9ca24,#f0932b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:"Exo 2",sans-serif;font-size:36px;font-weight:900;line-height:1.1}.album-list-sub{color:#7070aa;margin:4px 0 0;font-family:DM Sans,sans-serif;font-size:16px}.album-list-main{flex:1;width:100%;max-width:740px;margin:0 auto;padding:36px 20px 64px}.album-list-section-title{letter-spacing:.14em;text-transform:uppercase;color:#5050a0;margin:0 0 18px;font-family:"Exo 2",sans-serif;font-size:16px;font-weight:800}.album-list-empty{text-align:center;color:#666;padding:80px 20px}.album-list-empty__icon{filter:drop-shadow(0 4px 16px #f9ca244d);margin-bottom:20px;font-size:80px}.album-cards{flex-direction:column;gap:22px;margin-bottom:24px;display:flex}.album-card{background:linear-gradient(135deg,#18183e 0%,#0f0f28 60%,#141430 100%);border:1px solid #6464dc26;border-radius:26px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;position:relative;overflow:hidden}.album-card:before{content:"";background:linear-gradient(90deg,#f9ca24 0%,#f0932b 45%,#e84393 100%);height:5px;position:absolute;top:0;left:0;right:0}.album-card:hover{transform:translateY(-7px)scale(1.01);box-shadow:0 28px 70px #0000008c,0 0 0 1px #7878dc47}.album-card__main{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:26px;padding:38px 30px 26px;display:flex}.album-card__emoji{filter:drop-shadow(0 4px 18px #0006);flex-shrink:0;font-size:84px;line-height:1}.album-card__info{flex:1;min-width:0}.album-card__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;margin:0 0 7px;font-family:"Exo 2",sans-serif;font-size:30px;font-weight:900;overflow:hidden}.album-card__type{color:#88b;margin:0;font-family:DM Sans,sans-serif;font-size:17px}.album-card__role{color:#f9ca24;margin:9px 0 0;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600}.album-card__arrow{color:#ffffff29;flex-shrink:0;font-size:38px;transition:color .15s,transform .2s}.album-card:hover .album-card__arrow{color:#ffffff8c;transform:translate(6px)}.album-card__actions{border-top:1px solid #6464c81a;flex-wrap:wrap;gap:10px;padding:14px 30px 22px;display:flex}.album-action-btn{color:#9090cc;cursor:pointer;background:#6464c812;border:1px solid #6464c833;border-radius:14px;align-items:center;gap:7px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.album-action-btn:hover{color:#d0d0ff;background:#6464c82e;border-color:#6464c866}.album-action-btn--danger{color:#e05555;background:#dc32320f;border-color:#dc323240}.album-action-btn--danger:hover{color:#ff7070;background:#dc323226;border-color:#dc323266}.album-rename-row{align-items:center;gap:10px;padding:14px 30px 22px;display:flex}.album-rename-input{color:#e8e8ff;background:#00000059;border:1px solid #2d2d5e;border-radius:14px;outline:none;flex:1;padding:12px 18px;font-family:DM Sans,sans-serif;font-size:19px}.album-rename-input:focus{border-color:var(--accent,#3a7bd5)}.album-rename-save,.album-rename-cancel{cursor:pointer;border:none;border-radius:14px;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:700}.album-rename-save{background:var(--accent,#3a7bd5);color:#fff}.album-rename-cancel{color:#aaa;background:#6464c81a}.album-create-card{cursor:pointer;color:#4040a0;background:0 0;border:2px dashed #6464c840;border-radius:26px;justify-content:center;align-items:center;gap:14px;width:100%;padding:32px;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;transition:border-color .2s,color .2s,background .2s;display:flex}.album-create-card:hover{border-color:var(--accent,#3a7bd5);color:#9090cc;background:#6464c80d}.album-create-card__plus{font-size:34px}.album-create-btn{background:linear-gradient(135deg, var(--accent,#3a7bd5), #5a9bf5);color:#fff;letter-spacing:.04em;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:12px;margin-top:20px;padding:18px 38px;font-family:"Exo 2",sans-serif;font-size:22px;font-weight:800;transition:opacity .15s,transform .15s;display:inline-flex;box-shadow:0 8px 32px #3a7bd566}.album-create-btn:hover{opacity:.88;transform:translateY(-2px)}.album-create-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.album-create-modal{background:linear-gradient(135deg,#14143a,#0f0f28);border:1px solid #6464c833;border-radius:28px;flex-direction:column;gap:24px;width:100%;max-width:500px;padding:42px 34px;display:flex;box-shadow:0 32px 80px #000000a6}.album-create-modal__title{color:#fff;letter-spacing:.02em;margin:0;font-family:"Exo 2",sans-serif;font-size:30px;font-weight:900}.album-create-form{flex-direction:column;gap:14px;display:flex}.album-create-form input,.album-create-form select{color:#e8e8ff;background:#0000004d;border:1px solid #6464c833;border-radius:14px;outline:none;padding:15px 18px;font-family:DM Sans,sans-serif;font-size:19px}.album-create-form input:focus,.album-create-form select:focus{border-color:var(--accent,#3a7bd5)}.album-create-form select option{background:#14143a}.album-create-actions{flex-wrap:wrap;gap:12px;display:flex}.album-create-actions button{cursor:pointer;border:none;border-radius:14px;flex:1;padding:15px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;transition:opacity .15s}.album-create-actions button[type=submit],.album-create-actions button:first-of-type{background:linear-gradient(135deg, var(--accent,#3a7bd5), #5a9bf5);color:#fff;box-shadow:0 4px 16px #3a7bd559}.album-create-actions button[type=button],.album-create-actions button:last-child{color:#9090cc;background:#6464c81a;border:1px solid #6464c826}.album-create-actions button:hover{opacity:.85}.album-members-list{border:1px solid #6464c826;border-radius:16px;flex-direction:column;gap:0;margin-bottom:8px;display:flex;overflow:hidden}.album-member-row{border-bottom:1px solid #6464c81a;align-items:center;gap:14px;padding:16px 20px;display:flex}.album-member-row:last-child{border-bottom:none}.album-member-avatar{background:var(--accent,#3a7bd5);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-family:"Exo 2",sans-serif;font-size:18px;font-weight:800;display:flex}.album-member-name{color:#ccc;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:DM Sans,sans-serif;font-size:18px;overflow:hidden}.album-member-role{color:#5050a0;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:16px}.album-invite-row{flex-wrap:wrap;gap:10px;display:flex}.album-invite-row input{color:#e8e8ff;background:#0000004d;border:1px solid #6464c833;border-radius:14px;outline:none;flex:1;min-width:200px;padding:14px 18px;font-family:DM Sans,sans-serif;font-size:18px}.album-invite-row input:focus{border-color:var(--accent,#3a7bd5)}.album-invite-row button{background:var(--accent,#3a7bd5);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 24px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700}.album-invite-msg{color:#9090bb;padding:4px 0;font-family:DM Sans,sans-serif;font-size:17px}.app-header__back{color:#aaa;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;flex-shrink:0;padding:4px 14px 6px;font-size:32px;line-height:1;transition:background .15s,color .15s}.app-header__back:hover{color:#fff;background:#ffffff24}.app-header__titles{flex:1;min-width:0}