:root{color-scheme:dark;--bg:#090b12;--panel:#11151e;--line:#262b37;--text:#e9e7e3;--muted:#a5a7b1;--gold:#dbbd82;--accent:#a3bdff;font-family:Inter,Noto Sans JP,system-ui,-apple-system,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:1px solid var(--line);background:transparent}button:hover{border-color:#72798c}button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;gap:16px}.back{font-size:.875rem;color:var(--muted)}.wordmark{font-family:Georgia,serif;font-size:1.4rem;letter-spacing:.24em;color:var(--gold);white-space:nowrap}.wordmark span{letter-spacing:.12em}.device{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.device-dot{padding:0 9px;color:var(--gold)}.workspace{max-width:1800px;margin:auto;display:grid;grid-template-columns:minmax(350px,39%) 1fr}.viewer{padding:24px 38px 32px;border-right:1px solid var(--line);position:sticky;align-self:start;top:0;min-width:0}.viewer-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem;gap:12px}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:var(--gold);margin:0}.stage{position:relative;display:flex;align-items:center;justify-content:center;padding:22px 0 14px;min-width:0;background:radial-gradient(ellipse at 50% 50%,#23263466,transparent 66%)}.phone{aspect-ratio:1080/2424;height:clamp(330px,48vh,600px);position:relative;border-radius:26px;overflow:hidden;background:#121523;box-shadow:0 25px 55px #0008,0 0 0 5px #1f222b,0 0 0 6px #3c414d;max-width:100%;isolation:isolate}.phone canvas{display:block;width:100%;height:100%;touch-action:none}.clock{position:absolute;top:10%;left:0;width:100%;text-align:center;color:#e7eaff;text-shadow:0 2px 18px #0009;pointer-events:none;line-height:1.25}.clock span{font-size:clamp(.75rem,1vw,.95rem)}.clock b{display:block;font-size:clamp(2.5rem,4vw,4.7rem);font-weight:300;letter-spacing:-.045em}.camera-dot{position:absolute;left:calc(50% - 4px);top:10px;width:8px;height:8px;border-radius:50%;background:#090c17;box-shadow:0 0 1px #888;pointer-events:none}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#11151edf;font-size:.875rem;text-align:center;padding:20px}.loading[hidden]{display:none}.scene-arrow{position:absolute;top:47%;width:40px;height:48px;border-radius:25px;font-size:2rem;color:var(--muted);border-color:transparent}.previous{left:0}.next{right:0}.expand{position:absolute;bottom:20px;right:0;width:42px;height:42px;border-radius:50%;font-size:1.5rem}.close-fullscreen{display:none}.scene-info{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.scene-world{margin:0 0 5px;font-size:.75rem;letter-spacing:.04em;color:var(--gold)}h1{font-family:Georgia,Yu Mincho,"Noto Serif JP",serif;font-size:1.7rem;font-weight:400;letter-spacing:.04em;margin:0}.favorite{font-size:1.75rem;width:46px;height:46px;border-radius:50%}.gesture{font-size:.75rem;color:var(--muted);margin:10px 0 18px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.controls label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.875rem}.controls output{font-size:.75rem;color:var(--muted)}input[type=range]{width:100%;height:16px;margin:0;accent-color:var(--gold)}.switches{display:flex;justify-content:space-between;gap:10px;margin:18px 0;font-size:.875rem;color:var(--muted)}.switches label{display:flex;align-items:center;gap:6px}.switches input{accent-color:var(--gold);width:16px;height:16px;margin:0}.save-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:51px;background:var(--gold);border:0;border-radius:5px;font-weight:600;color:#17130d}.save-button:hover{background:#eccf94}.save-button>span{font-size:1.4rem}.save-button small{font-size:.75rem;font-weight:400;opacity:.8;margin-left:8px}.save-note{font-size:.75rem;color:var(--muted);line-height:1.7;margin:10px 0}.howto{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:12px}.howto summary{cursor:pointer}.howto p{margin:8px 0}.howto a{text-decoration:underline;font-size:.75rem}.collection{padding:34px 32px 0;min-width:0}.collection-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.collection h2{font-family:Georgia,Yu Mincho,"Noto Serif JP",serif;font-size:2.4rem;letter-spacing:.1em;font-weight:400;line-height:1.4;margin:12px 0 7px}.collection-caption{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0}.total{font-family:Georgia,serif;font-size:3.5rem;line-height:1;color:#85775d}.total small{font-family:system-ui,sans-serif;display:block;font-size:.75rem;letter-spacing:.09em;text-align:center;margin-top:8px}.filterbar{margin-top:29px;padding-bottom:18px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button,.saved-filter{border-radius:4px;font-size:.875rem;padding:9px 12px;min-height:39px;color:var(--muted)}.filters button[aria-pressed=true]{background:#dbbd8212;color:var(--gold)}.saved-filter{margin-top:10px;padding:7px 12px}.results-line{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.75rem;margin:19px 0 16px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}.wallpaper-card{position:relative;display:block;text-align:left;width:100%;min-width:0;border:0;padding:0;border-radius:5px;background:transparent}.thumb{display:block;position:relative;aspect-ratio:9/15;overflow:hidden;background:#151a28;border:1px solid #333745;border-radius:5px;transition:border-color .2s,transform .2s}.thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.thumb:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#060810b0);pointer-events:none}.wallpaper-card:hover .thumb img{transform:scale(1.06)}.wallpaper-card[aria-pressed=true] .thumb{border:2px solid var(--gold);box-shadow:0 0 0 2px #dbbd8225}.design-number{position:absolute;top:8px;left:8px;padding:3px 6px;background:#090b1288;border-radius:3px;font-size:.75rem;font-variant-numeric:tabular-nums}.selected-check{position:absolute;right:8px;top:8px;width:23px;height:23px;display:none;align-items:center;justify-content:center;background:var(--gold);color:#111;border-radius:50%;font-size:.875rem}.wallpaper-card[aria-pressed=true] .selected-check{display:flex}.effect-tag{position:absolute;bottom:10px;left:10px;right:6px;z-index:1;font-size:.75rem;color:#ebdfc3}.card-title{display:block;font-size:.875rem;line-height:1.5;margin:9px 0 3px;overflow-wrap:anywhere}.card-world{display:block;font-size:.75rem;color:var(--muted)}.empty{text-align:center;line-height:1.8;color:var(--muted);padding:70px 10px}.collection footer{display:flex;justify-content:space-between;padding:32px 0;border-top:1px solid var(--line);margin-top:34px;gap:12px;font-size:.75rem;color:var(--muted)}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);max-width:min(90vw,540px);border:1px solid #8e7b55;background:#191b23;color:#fff;padding:14px 21px;border-radius:8px;font-size:.875rem;box-shadow:0 8px 30px #000a;opacity:0;pointer-events:none;transition:.2s;z-index:300;text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.stage:fullscreen,.stage.expanded{position:fixed;inset:0;z-index:200;background:#03040a;padding:0;width:100%;height:100dvh;max-width:none;margin:0}.stage:fullscreen .phone,.stage.expanded .phone{height:100dvh;max-width:100vw;border-radius:0;box-shadow:none}.stage:fullscreen .close-fullscreen,.stage.expanded .close-fullscreen{display:block;position:absolute;right:max(15px,env(safe-area-inset-right));top:max(15px,env(safe-area-inset-top));padding:10px 15px;border-radius:30px;background:#090b12aa}.stage:fullscreen .expand,.stage.expanded .expand{display:none}.stage:fullscreen .previous,.stage.expanded .previous{left:12px;background:#090b1266}.stage:fullscreen .next,.stage.expanded .next{right:12px;background:#090b1266}body.has-expanded{overflow:hidden}@media (min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.viewer{padding-left:55px;padding-right:55px}}@media (max-width:1100px){.viewer{padding:24px}.collection{padding:28px 22px 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.controls{gap:11px}.device{font-size:.75rem;letter-spacing:0}.wordmark{font-size:1.2rem}.save-button small{font-size:.75rem;margin-left:0}.viewer-heading .eyebrow{letter-spacing:.02em}}@media (max-width:760px){.topbar{height:59px;padding:0 18px}.back{font-size:.75rem}.wordmark{font-size:1.02rem;letter-spacing:.14em}.device{display:none}.workspace{display:block}.viewer{position:relative;border-right:0;border-bottom:1px solid var(--line);padding:21px 22px 23px}.viewer-heading{max-width:500px;margin:auto}.stage{padding-top:20px;max-width:500px;margin:auto}.phone{height:clamp(315px,47svh,480px);border-radius:21px}.clock b{font-size:2.8rem}.clock span{font-size:.75rem}.scene-info,.controls,.switches,.save-button,.save-note,.gesture,.howto{max-width:500px;margin-left:auto;margin-right:auto}.scene-info{margin-top:15px}h1{font-size:1.5rem}.gesture{margin-top:7px;margin-bottom:17px}.controls{gap:18px}.save-note{text-align:center}.howto summary{text-align:center}.collection{padding:26px 18px 0}.collection h2{font-size:2rem}.total{font-size:2.8rem}.collection-caption{font-size:.8125rem}.filterbar{margin-top:22px}.filters{gap:7px}.filters button{padding:8px 11px;min-height:38px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 10px}.results-line{font-size:.75rem}.results-line span:last-child{display:none}.card-title{font-size:.8125rem}.card-world{font-size:.75rem}.effect-tag{bottom:7px;left:7px}.design-number{top:6px;left:6px}.selected-check{right:5px;top:5px}.eyebrow{font-size:.75rem;letter-spacing:.08em}}@media (max-width:370px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{gap:10px}.controls label{font-size:.8125rem}.save-button{gap:6px}.save-button small{font-size:.75rem}.switches{font-size:.8125rem}}@media (max-height:550px) and (orientation:landscape){.workspace{display:grid;grid-template-columns:minmax(310px,43%) 1fr}.viewer{position:relative;padding:20px}.phone{height:330px}.collection{padding:24px 18px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (min-width:761px) and (min-height:551px){.viewer{max-height:100dvh;overflow-y:auto;scrollbar-width:thin}}body.has-expanded .viewer{z-index:201;overflow:visible}.thumb:before{content:"";position:absolute;inset:-12%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 25% 20%,#dae5ffbb 0,transparent 45%);opacity:.4;animation:ink-light 5s ease-in-out infinite alternate;animation-play-state:paused}.wallpaper-card.is-visible .thumb:before{animation-play-state:running}.wallpaper-card[data-variant="1"] .thumb:before{background:linear-gradient(135deg,transparent 47%,#d6d8ff88 49%,transparent 51%) 0 0/160px 230px;animation-name:ink-drift;animation-duration:8s}.wallpaper-card[data-variant="2"] .thumb:before{background:linear-gradient(15deg,transparent 25%,#dce2ee99 45%,transparent 60%);animation-name:ink-drift;animation-duration:12s}.wallpaper-card[data-variant="3"] .thumb:before{background:radial-gradient(circle,#c9ffbbb0 0 1px,transparent 4px) 0 0/59px 81px;animation-name:ink-drift;animation-duration:7s}.wallpaper-card[data-variant="4"] .thumb:before{background:repeating-linear-gradient(115deg,transparent 0 25px,#b4d0e92b 26px,transparent 27px 40px);animation-name:ink-rain;animation-duration:2s;animation-timing-function:linear}.wallpaper-card[data-variant="5"] .thumb:before{background:radial-gradient(ellipse,#efb4d499 0 2px,transparent 4px) 0 0/67px 91px;animation-name:ink-drift;animation-duration:9s}.wallpaper-card[data-variant="6"] .thumb:before{background:repeating-radial-gradient(circle at 50% 42%,transparent 0 31px,#d7b8ff55 32px,transparent 33px 42px);animation-duration:4s}.wallpaper-card[data-variant="7"] .thumb:before{background:radial-gradient(ellipse at 50% 100%,#ef863c77,transparent 65%),radial-gradient(circle,#ffd692bb 0 1px,transparent 3px) 0 0/63px 83px;animation-name:ink-drift;animation-duration:5s}.wallpaper-card[data-variant="8"] .thumb:before{background:radial-gradient(circle,#f3f3ffb0 0 1px,transparent 3px) 0 0/43px 57px;animation-name:ink-rain;animation-duration:8s;animation-timing-function:linear}.wallpaper-card[data-variant="9"] .thumb:before{background:linear-gradient(130deg,transparent 10%,#91ffe655 35%,#b896fc66 50%,transparent 65%);animation-name:ink-drift;animation-duration:10s}body.motion-paused .thumb:before{animation-play-state:paused!important}@keyframes ink-light{0%{opacity:.15;transform:translateY(-2%)}to{opacity:.6;transform:translateY(2%)}}@keyframes ink-drift{0%{opacity:.2;transform:translate(-5%,-5%)}to{opacity:.55;transform:translate(5%,5%)}}@keyframes ink-rain{0%{background-position:0 0}to{background-position:-40px 90px}}@media (prefers-reduced-motion:reduce){.thumb:before{animation:none!important}}