@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}:root{--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-rounded: ui-rounded, -apple-system, "SF Pro Rounded", "Inter", "Segoe UI", Roboto, sans-serif;--font-title: "Poppins", var(--font-ui);--font-script: "Great Vibes", "Snell Roundhand", "Segoe Script", cursive;--bg: #ffffff;--bg-grouped: #f2f2f7;--card: #ffffff;--label: #000000;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .3);--separator: rgba(60, 60, 67, .29);--fill: rgba(120, 120, 128, .2);--fill-2: rgba(120, 120, 128, .16);--fill-3: rgba(118, 118, 128, .12);--ink: #111111;--paper-map: #fcf2e5;--paper-map-line: rgba(58, 44, 30, .42);--paper-note: #f7f5ed;--marker: #f5b041;--heart: #ff2d55;--folder-front: #74cffb;--folder-back: #58b6ea;--accent-light: #74cffb;--accent-deep: #2a55a0;--tint: #007aff;--radius-card: 12px;--radius-photo: 10px;--shadow-photo: 0 10px 24px rgba(0, 0, 0, .16), 0 2px 6px rgba(0, 0, 0, .12);--shadow-float: 0 20px 50px rgba(0, 0, 0, .22), 0 4px 12px rgba(0, 0, 0, .12);--ease-ios: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.36, .64, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root[data-accent=pink]{--marker: #ffb3d1;--folder-front: #ffa8cc;--folder-back: #f08cb5;--accent-light: #ffa8cc;--accent-deep: #b8336a;--tint: #ff2d55}:root[data-accent=purple]{--marker: #d9c8ff;--folder-front: #c9b3ff;--folder-back: #b29af1;--accent-light: #c9b3ff;--accent-deep: #5b3cb4;--tint: #a347d6}:root[data-accent=green]{--marker: #b8eec6;--folder-front: #95e0ae;--folder-back: #77cd93;--accent-light: #95e0ae;--accent-deep: #1f7a46;--tint: #248a3d}:root[data-accent=red]{--marker: #ffc3b5;--folder-front: #ffa39e;--folder-back: #f2847e;--accent-light: #ffa39e;--accent-deep: #b3261e;--tint: #ff3b30}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0b0d;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--label);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--tint);outline-offset:2px}img{display:block;max-width:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}#root{position:fixed;top:0;right:0;bottom:0;left:0}.shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:#0b0b0d}.shell-bg{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:#1b1b1f center / cover no-repeat;filter:blur(36px) saturate(1.15) brightness(.62);transform:scale(1.08);opacity:0;transition:opacity .8s ease}.shell-bg.is-ready{opacity:1}.device{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg);isolation:isolate;container-type:inline-size;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(min-aspect-ratio:3/4){.device{height:100%;width:calc(100dvh * .4615);max-width:100%}}@media(min-aspect-ratio:3/4)and (min-height:620px){.device{height:min(calc(100dvh - 56px),880px);width:calc(min(calc(100dvh - 56px),880px)*.4615);border-radius:48px;box-shadow:0 0 0 9px #1d1d20,0 0 0 10px #3c3c40,0 40px 90px #0000008c;--safe-top: 18px;--safe-bottom: 12px}.device>.layer{clip-path:inset(0 round 48px)}.device-caption{display:block}}.device-caption{display:none;position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:#ffffff8c;letter-spacing:.01em}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:#fff;font-size:17px;font-weight:600;background:#0a0a0cb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rotate-hint svg{width:54px;height:54px;animation:rotate-hint 2.4s var(--ease-ios) infinite}@keyframes rotate-hint{0%,20%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.rotate-hint{display:flex}}.overlay-layer{pointer-events:none;z-index:50}.is-hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(60,60,67,.18);border-top-color:#3c3c43a6;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center;background:var(--bg);color:var(--label);font-size:16px;line-height:1.45}.notice button{padding:12px 22px;border-radius:999px;background:var(--tint);color:#fff;font-weight:600}.toast{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 92px);transform:translate(-50%,16px);max-width:calc(100% - 48px);padding:11px 16px;border-radius:14px;background:#1e1e20db;color:#fff;font-size:14px;line-height:1.35;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .35s var(--ease-ios);z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toast.is-on{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.lock{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:#fff;background:linear-gradient(160deg,#3a4e6b,#1c1f2b 60%,#2a1f2f);touch-action:none;cursor:pointer;--lift: 0;transition:transform .52s var(--ease-ios),opacity .42s ease}.lock.is-leaving{transform:translate3d(0,-100%,0);opacity:.4;pointer-events:none}.lock-wall{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 40%;will-change:transform}.lock-wall-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;animation:lock-drift 18s var(--ease-out) both}.has-wall .lock-wall-img{opacity:1}@keyframes lock-drift{0%{transform:scale(1.12)}to{transform:scale(1.02)}}.lock-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000006b,#0000 38%),linear-gradient(to top,#00000080,#0000 45%);opacity:calc(1 - var(--lift) * .4)}.lock-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--safe-top) + 14px) 0 calc(var(--safe-bottom) + 8px);will-change:transform}.lock-top{display:flex;flex-direction:column;align-items:center;text-shadow:0 1px 12px rgba(0,0,0,.18)}.lock-glyph{width:22px;height:22px;margin-bottom:10px;opacity:.92}.lock-glyph svg,.pass-glyph svg{width:100%;height:100%}.lock-shackle{transform-origin:16.5px 10px;transition:transform .4s var(--ease-spring)}.is-unlocked .lock-shackle{transform:translateY(-2.4px) rotate(28deg)}.lock-date{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:.01em;opacity:.92}.lock-clock{font-family:var(--font-display);font-size:clamp(76px,25vw,112px);font-size:clamp(56px,25cqw,112px);font-weight:700;line-height:1;letter-spacing:-.035em;margin-top:2px;font-variant-numeric:tabular-nums}.lock-bottom{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 10px}.lock-note{display:flex;align-items:flex-start;gap:11px;width:100%;max-width:420px;padding:12px 14px 13px 12px;border-radius:22px;text-align:left;color:#000;background:#f6f6f8b8;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);box-shadow:0 10px 34px #00000029;transform:translate3d(0,44px,0) scale(.96);opacity:0;transition:transform .7s var(--ease-spring),opacity .45s ease}.lock-note.is-in{transform:none;opacity:1}.note-icon{flex:none;width:38px;height:38px;border-radius:9px;overflow:hidden;box-shadow:0 0 0 .5px #0000001a}.note-icon svg{width:100%;height:100%}.note-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.note-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.note-title{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-time{flex:none;font-size:13px;color:#3c3c4399}.note-text{font-size:15px;line-height:1.3;color:#000000e0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lock-hint{font-size:14px;font-weight:500;letter-spacing:.01em;background:linear-gradient(100deg,#ffffff8c 30%,#fff,#ffffff8c 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lock-shimmer 2.6s linear infinite}@keyframes lock-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.lock-home{width:134px;height:5px;border-radius:5px;background:#fff;opacity:.9;animation:lock-nudge 3.2s var(--ease-out) 2s infinite}@keyframes lock-nudge{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-7px)}}.lock.has-pass .lock-content{opacity:0;pointer-events:none;transition:opacity .25s ease}.lock.has-pass .lock-wall-img{filter:blur(22px) brightness(.62) saturate(1.2);transform:scale(1.15);transition:filter .4s ease}.pass{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 44px) 20px calc(var(--safe-bottom) + 18px);color:#fff;cursor:default;opacity:0;transform:scale(1.04);transition:opacity .3s ease,transform .4s var(--ease-ios)}.pass.is-in{opacity:1;transform:none}.pass-glyph{width:20px;height:20px;margin-bottom:14px}.pass-title{font-size:20px;font-weight:500}.pass-sub{margin-top:4px;font-size:14px;opacity:.72;text-align:center}.pass-dots{display:flex;gap:22px;margin:22px 0 10px}.pass-dots i{width:13px;height:13px;border-radius:50%;border:1.4px solid #fff;transition:background .12s ease}.pass-dots i.is-on{background:#fff}.pass.is-wrong .pass-dots{animation:pass-shake .48s cubic-bezier(.36,.07,.19,.97)}@keyframes pass-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-10px)}40%,60%{transform:translate(10px)}}.pass-hint{min-height:36px;max-width:300px;font-size:13.5px;line-height:1.35;text-align:center;opacity:0;transition:opacity .3s ease}.pass.has-hint .pass-hint{opacity:.86}.pass-pad{margin-top:auto;display:grid;grid-template-columns:repeat(3,78px);gap:15px 26px;justify-content:center}.pass-key{width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;transition:background .18s ease}.pass-key:active{background:#ffffff6b;transition:none}.pass-digit{font-size:34px;font-weight:400;line-height:1}.pass-letters{font-size:10px;font-weight:700;letter-spacing:.16em;margin-top:2px}.pass-text{align-self:center;justify-self:center;font-size:16px;color:#fff;padding:10px 4px}.pass.is-right{opacity:0;transform:scale(.96);transition-duration:.35s}@media(max-height:640px){.pass{padding-top:calc(var(--safe-top) + 18px)}.pass-pad{grid-template-columns:repeat(3,68px);gap:10px 22px}.pass-key{width:68px;height:68px}}.island{position:absolute;top:calc(var(--safe-top) + 8px);left:50%;transform:translate(-50%);z-index:40;width:128px;height:36px;border-radius:20px;background:#000;color:#fff;box-shadow:0 6px 18px #0000002e;overflow:hidden;transition:width .42s var(--ease-spring),height .42s var(--ease-spring),border-radius .42s var(--ease-spring),transform .42s var(--ease-ios),opacity .3s ease}.island.is-tucked{opacity:0;transform:translate(-50%) translateY(-10px) scale(.86);pointer-events:none}.island.is-open{width:min(360px,calc(100% - 20px));height:168px;border-radius:34px}.isl-compact{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 4px;transition:opacity .2s ease}.island.is-open .isl-compact{opacity:0;pointer-events:none}.isl-cover-wrap{position:relative;width:30px;height:30px;flex:none}.isl-cover{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;overflow:hidden;background:#222}.isl-cover img,.isl-bigcover img,.isl-cover svg,.isl-bigcover svg{display:block;width:100%;height:100%;object-fit:cover}.isl-cover svg,.isl-bigcover svg,.is-icon>img{display:none}.is-icon>svg{display:block}.island.is-playing .isl-cover{animation:isl-turn 9s linear infinite}@keyframes isl-turn{to{transform:rotate(360deg)}}.isl-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;width:36px;height:36px;transform:rotate(-90deg)}.isl-ring-bg,.isl-ring-fg{fill:none;stroke-width:2}.isl-ring-bg{stroke:#ffffff24}.isl-ring-fg{stroke:var(--accent-light);stroke-linecap:round}.island[data-mode=album] .isl-ring{opacity:0}.isl-bars{display:flex;align-items:center;gap:2.5px;height:14px}.isl-bars i{width:3px;height:4px;border-radius:2px;background:var(--accent-light);transition:height .2s ease}.island.is-playing .isl-bars i{animation:isl-eq .9s ease-in-out infinite}.island.is-playing .isl-bars i:nth-child(2){animation-delay:-.3s;animation-duration:.75s}.island.is-playing .isl-bars i:nth-child(3){animation-delay:-.55s;animation-duration:1.05s}.island.is-playing .isl-bars i:nth-child(4){animation-delay:-.15s;animation-duration:.85s}@keyframes isl-eq{0%,to{height:4px}50%{height:14px}}.isl-spin{display:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .8s linear infinite}.island.is-waiting .isl-spin{display:block}.island.is-waiting .isl-compact .isl-bars{display:none}.isl-panel{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px 18px 14px;display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none;transition:opacity .2s ease .08s}.island.is-open .isl-panel{opacity:1;pointer-events:auto}.isl-head{display:flex;align-items:center;gap:12px}.isl-bigcover{width:46px;height:46px;border-radius:11px;overflow:hidden;flex:none;background:#222}.isl-meta{flex:1;min-width:0;display:flex;flex-direction:column}.isl-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.isl-artist{font-size:13px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.isl-progress{height:4px;border-radius:4px;background:#ffffff2e;overflow:hidden}.isl-progress i{display:block;height:100%;background:#fff;border-radius:4px;transform-origin:0 50%;transform:scaleX(0)}.isl-controls{display:flex;align-items:center;justify-content:space-between}.isl-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#fff}.isl-btn svg{width:26px;height:26px}.isl-main svg{width:32px;height:32px}.isl-small svg{width:21px;height:21px}.isl-btn:active{background:#ffffff24}.isl-pill{height:32px;padding:0 14px;border-radius:16px;background:#ffffff29;font-size:14px;font-weight:600;white-space:nowrap}.isl-pill:active{background:#ffffff47}
