*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;background:#000;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;min-height:100vh}.pw-wrapper{filter:drop-shadow(0 40px 100px #000000e6);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex}.pw-band{z-index:1;width:78px;position:relative;overflow:hidden}.pw-band-top{border-radius:39px 39px 6px 6px;height:148px;margin-bottom:-22px}.pw-band-bottom{border-radius:6px 6px 39px 39px;height:148px;margin-top:-22px}.pw-band-sheen{background:linear-gradient(90deg,#ffffff0f 0%,#0000 30%,#ffffff08 100%),repeating-linear-gradient(90deg,#0000,#0000 5px,#00000014 5px 6px);position:absolute;inset:0}.pw-band-clasp{border:1px solid;border-radius:4px;width:54px;height:9px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.pw-band-clasp-bottom{top:38px;bottom:auto}.pw-case{z-index:2;border-radius:50%;flex-shrink:0;width:300px;height:300px;position:relative}.pw-crown{z-index:3;border-radius:7px;width:14px;height:48px;position:absolute;top:calc(50% - 24px);right:-18px;box-shadow:3px 0 10px #0009}.pw-screen{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px;overflow:hidden}.pw-photo{opacity:.38;background-position:50%;background-size:cover;position:absolute;inset:0}.pw-glass{pointer-events:none;z-index:10;background:radial-gradient(at 38% 28%,#fff3 0%,#ffffff0f 38%,#0000 65%);border-radius:50%;position:absolute;inset:10px}.cp{-webkit-backdrop-filter:blur(40px);scrollbar-width:none;background:#121216e0;border:1px solid #ffffff0f;border-radius:28px;flex-direction:column;gap:22px;width:268px;max-height:82vh;padding:24px;display:flex;overflow-y:auto}.cp::-webkit-scrollbar{display:none}.cp-header{justify-content:space-between;align-items:center;display:flex}.cp-brand{letter-spacing:.3px;align-items:center;gap:6px;font-family:system-ui,sans-serif;font-size:12px;font-weight:700;display:flex}.cp-live-time{opacity:.75;font-family:Courier New,monospace;font-size:10px}.cp-section{flex-direction:column;gap:10px;display:flex}.cp-label{letter-spacing:1.8px;text-transform:uppercase;color:var(--acc);opacity:.65;font-family:system-ui,sans-serif;font-size:9.5px;font-weight:700}.cp-faces-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.cp-face-btn{cursor:pointer;border:1.5px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 3px 7px;font-family:system-ui,sans-serif;transition:all .18s;display:flex}.cp-face-btn:hover{transform:translateY(-2px)}.cp-face-btn.active{transform:translateY(-1px)}.cp-themes{grid-template-columns:repeat(5,1fr);gap:6px 4px;display:grid}.cp-theme-col{flex-direction:column;align-items:center;gap:5px;display:flex}.cp-swatch{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,outline .15s;display:flex}.cp-swatch:hover{transform:scale(1.12)}.cp-swatch.active{transform:scale(1.08)}.cp-swatch-inner{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cp-photo-row{align-items:center;gap:12px;display:flex}.cp-thumb{object-fit:cover;border:2px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:52px;height:52px}.cp-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:10px;padding:6px 12px;font-family:system-ui;font-size:11px;font-weight:600;transition:opacity .15s}.cp-btn:hover{opacity:.75}.cp-upload{cursor:pointer;background:0 0;border:1px dashed;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:system-ui;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.cp-upload:hover{opacity:.75}.cp-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.cp-btn-row{gap:5px;display:flex}.cp-pill{cursor:pointer;text-align:center;white-space:nowrap;border:1.5px solid;border-radius:8px;flex:1;padding:5px 4px;font-family:system-ui,sans-serif;font-size:10.5px;font-weight:600;transition:all .15s}.cp-pill:hover{opacity:.8}.cp-toggle{cursor:pointer;background:#ffffff24;border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .25s;position:relative}.cp-toggle.on{background:var(--acc)}.cp-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.cp-toggle.on .cp-knob{transform:translate(18px)}.app{background:#000;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.app-bg{pointer-events:none;transition:background .6s;position:fixed;inset:0}.app-inner{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:56px;display:flex;position:relative}@media (width<=720px){.app-inner{gap:32px}.app{padding:32px 16px}}