html,body{width:100%;height:100%;overscroll-behavior:none}body{overflow:hidden;transition:none;background:#e9eee5}html[data-ui=main] body{background:var(--bg)}[hidden]{display:none!important}.app{position:fixed;inset:0;max-width:none;margin:0;padding:0;overflow:hidden;background:var(--bg);perspective:1200px}#art{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.home-header{position:absolute;z-index:3;top:env(safe-area-inset-top);left:0;right:0;height:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;transform:translateZ(24px);color:var(--ink)}.wordmark{font-size:19px;font-weight:750;letter-spacing:-1.1px;text-shadow:0 1px 0 var(--soft),0 2px 1px color-mix(in srgb,var(--deep) 25%,transparent)}.chrome-button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--bg) 65%,transparent);backdrop-filter:blur(14px);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);box-shadow:0 3px 0 color-mix(in srgb,var(--deep) 8%,transparent);font-size:24px}.phrase-plane{position:absolute;inset:20% 8% 24%;display:grid;place-items:center;pointer-events:none;text-align:center}.phrase-plane h1{font-size:clamp(30px,7.6vw,58px);line-height:1.18;letter-spacing:-1.5px;font-weight:700;max-width:650px;margin:0;color:var(--ink);text-wrap:balance;text-shadow:0 1px var(--soft),0 2px color-mix(in srgb,var(--ink) 20%,var(--soft)),0 4px 0 color-mix(in srgb,var(--deep) 35%,var(--soft)),0 9px 18px color-mix(in srgb,var(--deep) 15%,transparent);transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) translateZ(40px)}.app.real-type .phrase-plane{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;inset:50%}.appearance-button{position:absolute;z-index:5;bottom:calc(27px + env(safe-area-inset-bottom));left:50%;translate:-50% 0;display:flex;gap:10px;align-items:center;justify-content:center;min-height:54px;padding:13px 23px;border-radius:30px;white-space:nowrap;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb,var(--deep) 14%,transparent),0 12px 24px color-mix(in srgb,var(--deep) 10%,transparent);font-size:14px;font-weight:650}.app.editing .appearance-button{display:none}.editor{position:absolute;z-index:6;bottom:0;left:0;right:0;border-radius:30px 30px 0 0;padding:10px 24px calc(24px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(28px);color:var(--ink);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:0 -12px 60px color-mix(in srgb,var(--deep) 12%,transparent);max-height:58svh;overflow:auto}.editor-handle{width:34px;height:4px;background:color-mix(in srgb,var(--ink) 20%,transparent);border-radius:6px;margin:0 auto 12px}.editor-heading{display:flex;justify-content:space-between;align-items:center}.editor-heading h2{font-size:19px;letter-spacing:-.5px;font-weight:650;margin:0}.editor-heading .chrome-button{width:32px;height:32px;background:none;border:0;box-shadow:none}.setting-caption{font-size:11px;font-weight:600;letter-spacing:.4px;opacity:.6;margin:18px 0 11px}.color-options{display:flex;justify-content:space-between;gap:9px;max-width:500px;margin:auto}.color-option{width:clamp(30px,9vw,48px);aspect-ratio:1;border-radius:50%;padding:0;position:relative;border:3px solid transparent;box-shadow:inset 0 2px 4px #fff4,inset 0 -4px 6px #0002;outline:1px solid color-mix(in srgb,var(--ink) 15%,transparent);outline-offset:0}.color-option.active{outline:2px solid var(--ink);outline-offset:4px}.design-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.design-option{min-height:57px;border-radius:14px;background:color-mix(in srgb,var(--soft) 60%,transparent);color:var(--ink);font-size:11px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 color-mix(in srgb,var(--deep) 8%,transparent)}.design-option.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.wallpaper-apply{display:block;width:100%;max-width:500px;margin:22px auto 0;min-height:50px;border-radius:17px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:650;box-shadow:0 4px 0 color-mix(in srgb,var(--deep) 28%,transparent)}#wallpaper-status{text-align:center;font-size:11px;margin-top:9px;min-height:0}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);box-shadow:0 30px 90px #0003;border-radius:25px;padding:24px;max-width:420px;width:calc(100vw - 36px)}dialog::backdrop{background:#18252040;backdrop-filter:blur(8px)}.dialog-top h2{font-size:21px;letter-spacing:-.5px}.menu-row{width:100%;display:flex;justify-content:space-between;padding:18px 0;background:none;color:inherit;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);font-size:15px}.menu-row:last-child{border-bottom:0}.dialog-top .round{background:none}.toast{z-index:100;color:var(--bg);background:var(--ink);border-radius:18px;bottom:100px}html:not([data-ui=main]){--bg:#e9eee5;--ink:#344b43;--muted:#71806f;--accent:#6d987f;--surface:#f4f7ef;--soft:#c7dac2;--deep:#517c6b;--line:#bfcebe}.auth-screen{background:#e9eee5}.auth-orbit{display:none!important}.auth-screen .auth-wrap{overflow:visible}.auth-screen .auth-install-icon{background:#f0f3eb;color:#344b43}.auth-screen .auth-title{color:#344b43}.mail-wrap{color:#344b43}html[data-ui=loading] #auth-screen{display:none!important}.auth-error{font-size:12px}.install-picture{width:70px;border-radius:18px}.boot-retry{display:block;margin:20px auto;border-radius:20px;padding:10px 20px;background:#344b43;color:#e9eee5}.account-note{font-size:14px;line-height:1.8}.native-choices{display:grid;gap:10px}.native-choices button{border-radius:15px;background:var(--ink);color:var(--bg);padding:15px;font-size:14px}.native-choices button.secondary-choice{background:var(--soft);color:var(--ink)}@media(min-width:600px){.editor{max-width:510px;left:50%;translate:-50% 0;bottom:22px;border-radius:30px;padding-bottom:24px}.home-header{padding:30px 40px}.appearance-button{bottom:32px}}@media(max-height:650px){.editor{padding-top:7px}.editor-handle{margin-bottom:5px}.setting-caption{margin:11px 0 8px}.design-option{min-height:46px}.wallpaper-apply{margin-top:14px}}

.editor,dialog{transform:perspective(1400px) rotateX(calc(var(--tilt-y,0deg)*.25)) rotateY(calc(var(--tilt-x,0deg)*.25));transform-origin:50% 70%}@media(prefers-reduced-motion:reduce){.editor,dialog,.phrase-plane h1{transform:none}}

@font-face{font-family:BubbleManrope;src:url('/vendor/manrope-bold.ttf') format('truetype');font-weight:780;font-display:swap}.phrase-plane h1{font-family:BubbleManrope,system-ui,sans-serif;font-weight:780;font-size:clamp(36px,10vw,66px);line-height:1.17;letter-spacing:-1px;text-shadow:1px 1px 0 var(--deep),2px 2px 0 var(--deep),3px 3px 0 var(--deep),4px 4px 0 var(--deep);-webkit-text-stroke:1px color-mix(in srgb,var(--bg) 80%,var(--ink))}.static-wallpaper{display:block;margin:14px auto 0;padding:5px 12px;background:transparent;color:var(--ink);font-size:11px;opacity:.7;text-decoration:underline;text-underline-offset:3px}html[data-native-renderer=true][data-ui=main],html[data-native-renderer=true][data-ui=main] body,html[data-native-renderer=true][data-ui=main] .app{background:transparent!important}html[data-native-renderer=true] #art{display:none!important}.wordmark{text-shadow:none}.chrome-button,.appearance-button{backdrop-filter:none;box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 45%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.wallpaper-apply{background:var(--accent);color:var(--bg);box-shadow:0 4px 0 var(--deep),0 0 20px color-mix(in srgb,var(--accent) 30%,transparent)}

@font-face{font-family:BubbleFont0;src:url(/vendor/manrope-bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:BubbleFont1;src:url(/vendor/nunito-bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:BubbleFont2;src:url(/vendor/comfortaa-bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:BubbleFont3;src:url(/vendor/rubik-bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:BubbleFont4;src:url(/vendor/cormorantgaramond-bold.ttf) format("truetype");font-weight:700;font-display:swap}
.phrase-plane{inset:18% 9%;}.phrase-plane h1{font-family:var(--phrase-font),system-ui,sans-serif;font-size:clamp(27px,7vw,46px);line-height:1.13;letter-spacing:-.3px;color:color-mix(in srgb,var(--accent) 42%,var(--ink));-webkit-text-stroke:0;text-shadow:0 1px var(--ball),1px 2px var(--deep),2px 3px var(--deep),3px 4px var(--deep)}.font-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.font-option{display:grid;place-items:center;gap:4px;min-height:62px;padding:7px 2px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.font-option span{font-size:23px;line-height:1}.font-option small{font:10px system-ui,sans-serif}.font-option.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg))}.editor{max-height:60svh}.setting-caption{margin:13px 0 8px}.wallpaper-apply{margin-top:16px}

/* RUMTA neon cards: opaque colour, crisp luminous rims and a raised base. */
.editor{background:var(--bg);backdrop-filter:none;padding:12px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--accent);border-bottom:0;box-shadow:0 -2px 0 var(--ball),0 -8px 35px color-mix(in srgb,var(--accent) 22%,transparent);border-radius:28px 28px 0 0;overflow-x:hidden}
.editor-heading h2{font-size:20px;font-weight:750;color:var(--ink)}.editor-handle{background:var(--accent);opacity:.8;margin-bottom:8px}.editor-heading .chrome-button{border:1px solid var(--line);background:var(--surface)}
.appearance-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:16px 0}.appearance-tabs button{background:none;color:var(--muted);min-height:40px;border-radius:12px;font-size:13px;font-weight:700}.appearance-tabs button[aria-pressed=true]{color:var(--bg);background:linear-gradient(125deg,var(--accent),var(--secondary));box-shadow:inset 0 1px 0 #fff8,0 2px 0 var(--deep),0 0 16px color-mix(in srgb,var(--accent) 40%,transparent)}
.color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:none;margin:0}.color-option{position:relative;display:grid;place-items:center;gap:8px;width:100%;aspect-ratio:auto;min-height:85px;border:1px solid color-mix(in srgb,var(--card-color) 65%,var(--card-bg));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-color) 22%,var(--card-bg)),var(--card-bg));padding:12px 3px 10px;outline:0;box-shadow:inset 0 1px 0 #fff3,0 4px 0 color-mix(in srgb,var(--card-color) 28%,#000));color:#fff}.color-option .color-jewel{width:29px;height:29px;border-radius:10px;background:radial-gradient(circle at 30% 20%,#fff9,transparent 45%),var(--card-color);box-shadow:inset 0 -3px 3px #0003,0 0 15px var(--card-color);transform:rotate(-9deg)}.color-option small{font:600 10px system-ui,sans-serif}.color-option.active{outline:none;border:2px solid var(--card-color);box-shadow:inset 0 0 20px color-mix(in srgb,var(--card-color) 20%,transparent),0 4px 0 color-mix(in srgb,var(--card-color) 40%,#000),0 0 18px color-mix(in srgb,var(--card-color) 45%,transparent)}
.choice-check{display:none;position:absolute;top:6px;right:7px;font:800 10px system-ui,sans-serif;color:var(--accent);font-style:normal}.active .choice-check{display:block}.color-option .choice-check{color:var(--card-color)}
.design-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.design-option{display:grid;position:relative;min-height:91px;padding:0 0 9px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--surface);color:var(--ink);box-shadow:inset 0 1px 0 #fff3,0 3px 0 var(--deep)}.design-thumb{display:block;height:64px;background-image:linear-gradient(145deg,var(--ball),var(--secondary)),var(--thumb);background-size:100% 100%;background-position:center;background-blend-mode:color,normal}.design-option small{font:650 11px system-ui,sans-serif;padding-top:6px}.design-option.active{background:var(--surface);color:var(--ink);border:2px solid var(--accent);box-shadow:0 0 15px color-mix(in srgb,var(--accent) 35%,transparent)}
.font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.font-option{position:relative;min-height:62px;gap:5px;padding:9px 8px;border-radius:15px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface));border:1px solid var(--line);box-shadow:inset 0 1px 0 #fff2,0 3px 0 var(--deep);color:var(--ink)}.font-option span{font-size:22px;color:color-mix(in srgb,var(--accent) 42%,var(--ink));text-shadow:0 1px var(--ball),1px 2px var(--deep)}.font-option small{font-size:10px;color:var(--muted)}.font-option.active{border:2px solid var(--accent);box-shadow:0 3px 0 var(--deep),0 0 15px color-mix(in srgb,var(--accent) 30%,transparent)}.font-option:last-child{grid-column:1/-1}
.wallpaper-apply{background:linear-gradient(125deg,var(--accent),var(--secondary));color:var(--bg);border:1px solid color-mix(in srgb,var(--accent) 60%,white);box-shadow:inset 0 1px 0 #fff6,0 4px 0 var(--deep),0 0 22px color-mix(in srgb,var(--accent) 36%,transparent);font-weight:800;font-size:14px}.appearance-button{background:linear-gradient(130deg,var(--surface),var(--bg));border:1px solid var(--accent);box-shadow:inset 0 1px 0 #fff4,0 4px 0 var(--deep),0 0 22px color-mix(in srgb,var(--accent) 30%,transparent);font-weight:750;font-size:15px}.chrome-button{border-color:var(--accent)}
@media(max-height:700px){.editor{max-height:62svh}.appearance-tabs{margin:10px 0}.color-option{min-height:70px;padding:8px 2px}.font-option{min-height:51px}.font-option span{font-size:19px}.design-option{min-height:80px}.design-thumb{height:52px}.wallpaper-apply{min-height:45px;margin-top:14px}.static-wallpaper{margin-top:9px}}

.app.editing:not(.real-type) .phrase-plane{inset:8% 12% 64%}.app.editing:not(.real-type) .phrase-plane h1{font-size:clamp(20px,5.3vw,34px)}
.app:not(.real-type) .phrase-plane h1{padding:24px 18px;border:1px solid var(--accent);border-radius:25px;background:color-mix(in srgb,var(--bg) 94%,var(--accent));box-shadow:inset 0 1px 0 #ffffff24,0 4px 0 var(--deep),0 0 18px color-mix(in srgb,var(--accent) 20%,transparent)}

.appearance-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.appearance-switches button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 11px;font-size:12px;font-weight:650}.appearance-switches strong{font-size:10px;padding:5px 7px;border-radius:8px;background:var(--soft);color:var(--ink)}.appearance-switches button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 13px color-mix(in srgb,var(--accent) 20%,transparent)}.appearance-switches button[aria-pressed=true] strong{background:var(--accent);color:var(--bg)}html[data-text3d=false] .phrase-plane h1{text-shadow:none}html[data-plate=false] .app:not(.real-type) .phrase-plane h1{background:none;border-color:transparent;box-shadow:none}

#colors.choice-panel{max-height:min(35svh,310px);overflow-y:auto;padding:3px 2px 9px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.color-option{color:var(--card-ink,var(--ink))}#colors .color-option{min-height:74px}

.color-option .color-jewel{background:radial-gradient(circle at 30% 20%,#fff9,transparent 45%),linear-gradient(135deg,var(--card-color) 15%,var(--card-second,var(--card-color)) 85%)}

html[data-light-theme=true] .wallpaper-apply,html[data-light-theme=true] .appearance-tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg)}html[data-light-theme=true] .appearance-switches button[aria-pressed=true] strong{background:var(--ink);color:var(--bg)}

/* Screen destinations inherit the active wallpaper palette and rendered scene. */
#dialog.wallpaper-choice{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 24px 70px #0006;padding:20px;transform:none}
.wallpaper-choice .choice-summary{font-size:12px;color:var(--ink);opacity:.8;margin:0 0 18px;line-height:1.5}
.screen-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.screen-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 6px 13px;min-width:0;border-radius:18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 4px 0 var(--deep);transition:border-color .15s,background .15s,box-shadow .15s}
.screen-phone{position:relative;display:block;width:100%;aspect-ratio:9/19.5;border:2px solid var(--ink);border-radius:14px;overflow:hidden;background:var(--bg)}
.screen-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 10%,var(--ball),transparent 65%),radial-gradient(ellipse at 90% 95%,var(--secondary),transparent 65%),var(--bg);display:grid;place-items:center}
.screen-wallpaper img{display:block;width:100%;height:100%;object-fit:cover}
.screen-phrase{display:block;text-align:center;font-family:var(--phrase-font),sans-serif;font-size:9px;line-height:1.2;margin:10%;color:var(--ink);overflow-wrap:anywhere}
.screen-choice strong{font-size:11px;line-height:1.3;font-weight:650;text-align:center;min-height:29px;display:grid;place-items:center}
.screen-check{position:absolute;right:7px;top:7px;display:none;width:23px;height:23px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:14px;place-items:center}
.screen-choice:hover,.screen-choice:focus-visible,.screen-choice:active,.screen-choice.selected{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:var(--accent);box-shadow:0 4px 0 var(--deep),0 0 17px color-mix(in srgb,var(--accent) 35%,transparent);outline:2px solid var(--accent);outline-offset:1px}
.screen-choice:focus-visible .screen-check,.screen-choice:active .screen-check,.screen-choice.selected .screen-check{display:grid}
.screen-apps{position:absolute;bottom:7%;left:13%;right:13%;display:flex;justify-content:space-between;gap:5px}.screen-apps i{display:block;aspect-ratio:1;width:15%;border-radius:3px;background:var(--ink);opacity:.65}
.screen-lock,.screen-both{position:absolute;top:5%;left:0;right:0;text-align:center;color:var(--ink);font-size:16px;font-weight:700;text-shadow:0 1px 3px var(--bg)}
.wallpaper-choice .choice-note{font-size:11px;text-align:center;margin:15px 0 0;color:var(--muted)}