:root{font-synthesis:none;color:#f3eee2;--ink:#f3eee2;--muted:#a2a3b4;--accent:#ead29b;--panel:#252737;--line:#454557;background:#0e101b;font-family:SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-height:44px}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #dcc58e}h1,h2,p{margin:0}button span{pointer-events:none}.app-shell{isolation:isolate;background:#1a1c2b;width:100%;max-width:520px;height:100dvh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 100px #0006}.screen{padding:env(safe-area-inset-top) 20px max(16px,env(safe-area-inset-bottom));min-width:0;min-height:0;display:grid;position:absolute;inset:0;overflow:hidden}.screen-header{flex-shrink:0;grid-template-columns:48px 1fr 66px;align-items:center;gap:6px;height:52px;display:grid}.screen-header h1{text-align:center;letter-spacing:.05em;font-size:16px;font-weight:500}.round-button{color:#d5d1d3;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:32px;font-weight:300;display:grid}.screen-header>.round-button:last-child{justify-self:end;font-size:25px}.quiet-button{color:#c4c0cb;white-space:nowrap;min-height:40px;padding:4px 8px;font-size:14px}.primary,.secondary{letter-spacing:.05em;border-radius:15px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 18px;font-size:17px;font-weight:600;display:flex}.primary{background:var(--accent);color:#322b25;box-shadow:0 4px #c0a575}.primary>span,.secondary>span{font-size:23px;position:absolute;right:20px}.primary,.secondary{position:relative}.secondary{color:#e7e2eb;background:#333548;border:1px solid #606078;box-shadow:0 3px #171925}.tiny-brand{color:#bab6c3;letter-spacing:.08em;font-size:14px}.tiny-brand span{border:1px solid #655d64;border-radius:5px;margin-left:6px;padding:3px 6px;font-size:12px}.home-screen{background:radial-gradient(at 50% 40%,#353547 0,#0000 64%);grid-template-rows:60px minmax(0,1fr) auto}.home-header{justify-content:space-between;align-items:center;display:flex}.home-animal{place-items:center;min-height:0;display:grid;position:relative}.animal{width:min(90%,290px);height:auto;max-height:100%;overflow:visible}.home-star{color:#e2c495;opacity:.65;font-size:22px;position:absolute}.star-one{top:19%;left:15%}.star-two{font-size:45px;bottom:30%;right:15%}.home-actions{gap:16px;padding:10px 28px 26px;display:grid;position:relative}.home-actions>button{border-radius:20px;min-height:58px;font-size:21px}.home-draft{text-align:center;color:#aca6b2;font-size:12px;position:absolute;bottom:0;left:0;right:0}.gate-screen{grid-template-rows:45px minmax(70px,1fr) auto auto 30px;align-items:center;gap:12px;padding-bottom:30px}.gate-screen>.animal{justify-self:center;max-height:220px}.gate-screen h1{justify-self:center;font-size:28px;font-weight:500}.gate-screen form{justify-self:center;width:100%;max-width:360px}.gate-screen label{color:var(--muted);margin:10px 0;font-size:14px;display:block}.gate-screen input{color:#fff;background:#252635;border:1px solid #575368;border-radius:12px;width:100%;height:52px;margin-bottom:14px;padding:12px 15px;font-size:16px}.gate-note{color:var(--muted);text-align:center;font-size:12px}.startup{color:#cbc1ad;justify-content:center;align-items:center;gap:12px;height:100%;font-size:14px;display:flex}.startup-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.pick-screen{grid-template-rows:52px minmax(0,1fr) 68px auto;gap:14px}.photo-preview{background:#131522;border-radius:18px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.photo-preview>img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.empty-camera{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;font-size:16px;display:flex}.empty-camera>span{color:#d7c298;font-size:54px;font-weight:200}.processing{background:#181926bb;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.photo-thumbnails{justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.photo-thumbnails>div{aspect-ratio:1;border:2px solid #0000;border-radius:9px;width:calc(16.6667% - 6.66667px);max-width:64px;position:relative}.photo-thumbnails>div.selected{border-color:var(--accent)}.photo-thumbnails>div>button:first-child{border-radius:7px;width:100%;height:100%;min-height:0;padding:0;display:block;overflow:hidden}.photo-thumbnails img{object-fit:cover;width:100%;height:100%}.remove-photo{background:#484252;border:2px solid #222435;border-radius:50%;width:28px;height:28px;min-height:28px;padding:0;font-size:21px;line-height:1;position:absolute;top:-6px;right:-5px}.pick-footer{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:4px;display:grid}.pick-footer>p{text-align:center;color:var(--muted);grid-column:1/-1;min-height:17px;margin-bottom:2px;font-size:12px}.pick-footer>button{padding-left:8px;padding-right:24px;font-size:16px}.pick-footer>button span{right:12px}.hidden-input{opacity:0;clip:rect(0,0,0,0);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080a14bb;align-items:flex-end;padding:14px;display:flex;position:absolute;inset:0}.picker-sheet,.confirm-sheet{background:#2b2b3a;border:1px solid #5e5663;border-radius:25px;gap:16px;width:100%;padding:26px 20px 18px;display:grid}.picker-sheet h2,.confirm-sheet h2{text-align:center;margin-bottom:8px;font-size:18px;font-weight:500}.confirm-sheet p{text-align:center;color:var(--muted);font-size:14px}.confirm-sheet>div{gap:12px;display:flex}.editor-screen{grid-template-rows:52px minmax(0,1fr) auto auto;gap:8px;padding-left:14px;padding-right:14px}.editor-stage{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.editor-stage canvas{aspect-ratio:3/4;object-fit:contain;touch-action:none;border-radius:2px;width:auto;max-width:100%;height:100%;display:block;box-shadow:0 5px 22px #0004}.stage-error{text-align:center;background:#171a2bc9;place-items:center;padding:20px;font-size:14px;display:grid;position:absolute;inset:0}.editor-tools{gap:2px;min-width:0;display:grid}.layer-strip{align-items:center;gap:5px;min-height:40px;display:flex}.layer-strip>label{min-width:0;color:var(--muted);flex:1;align-items:center;gap:5px;font-size:12px;display:flex}.layer-strip select{color:#e4dfdf;background:#25283a;border:1px solid #484a60;border-radius:7px;width:100%;min-width:0;max-width:175px;height:34px;padding:6px 2px;font-size:12px}.layer-strip>button{white-space:nowrap;min-height:40px;padding:4px 5px;font-size:12px}.transform-tools{grid-template-columns:1fr 1fr;gap:10px;display:grid}.transform-tools label{color:#b9b4c3;align-items:center;gap:5px;min-width:0;min-height:32px;font-size:12px;display:flex}.transform-tools input{accent-color:#e7cd97;touch-action:none;width:100%;min-width:0;height:30px;margin:0}.transform-tools output{text-align:right;flex-shrink:0;width:38px;font-size:12px}.sticker-caption{justify-content:space-between;align-items:center;height:28px;display:flex}.sticker-caption>span{color:#9996aa;font-size:12px}.sticker-caption>button{min-height:28px;font-size:12px}.sticker-tray{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:7px;height:46px;display:grid}.sticker-chip{color:#2b2d3c;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;background:#f4e79a;border:2px solid #343747;border-radius:8px;min-width:0;min-height:36px;max-height:44px;padding:4px 5px;font-size:13px;font-weight:700;box-shadow:0 3px #121522}.chip-1{background:#d8c6f0;transform:rotate(2deg)}.chip-2{background:#c7dfce;transform:rotate(-2deg)}.chip-3{background:#f2be9c;transform:rotate(2deg)}.editor-footer{padding-bottom:3px}.editor-meta{color:#9893a6;justify-content:space-between;gap:6px;margin-bottom:8px;font-size:11px;line-height:1.5;display:flex}.editor-actions{grid-template-columns:1fr 1.5fr;gap:12px;display:grid}.editor-actions>button{min-height:48px;font-size:16px}.dragging-sticker{color:#252d38;pointer-events:none;z-index:100;background:#f4e79a;border:2px solid #2d3540;border-radius:9px;padding:10px 16px;font-size:20px;font-weight:700;position:fixed;transform:translate(-50%,-50%)rotate(-5deg);box-shadow:0 10px 25px #0005}.browse-screen{background:radial-gradient(at 20% 42%,#3942606e,#0000 45%),radial-gradient(at 86% 68%,#785f8060,#0000 39%),#161a2d;grid-template-rows:52px minmax(0,1fr) 205px 35px;gap:8px;padding-left:15px;padding-right:15px}.browse-screen:before{content:"";pointer-events:none;opacity:.4;z-index:-1;background-image:radial-gradient(1px 1px at 15% 14%,#b8c5de 50%,#0000 70%),radial-gradient(1px 1px at 78% 25%,#dee0f4 50%,#0000 70%),radial-gradient(2px 2px at 35% 47%,#d4c1e7 50%,#0000 70%),radial-gradient(1px 1px at 68% 70%,#dde0ea 50%,#0000 70%),radial-gradient(1px 1px at 17% 92%,#dec6a1 50%,#0000 70%);background-size:170px 250px;position:absolute;inset:55px 0 0}.orbit-space{place-items:center;min-height:0;padding:4px 15px 0;display:grid;position:relative}.viewed-card{flex-direction:column;align-items:center;gap:8px;max-width:100%;height:100%;min-height:0;display:flex}.viewed-card>img{object-fit:contain;aspect-ratio:3/4;border:1px solid #ffffff23;border-radius:3px;max-width:100%;height:calc(100% - 28px);min-height:0;display:block;box-shadow:0 10px 35px #0005}.card-byline{color:#b8b3c9;white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:20px;font-size:11px;display:flex}.card-byline time{color:#908b9f;font-size:11px}.planet-field{touch-action:manipulation;border-top:1px solid #ffffff12;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:1px 8px;min-height:0;padding:3px 4px;display:grid;position:relative}.planet{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:2px;transition:background .15s;display:flex;position:relative}.planet:hover{background:#ffffff09}.planet-sphere{background:radial-gradient(circle at 32% 26%,#d9b895,#8b6370 55%,#4b3f63 85%);border-radius:50%;width:25px;height:25px;display:block;position:relative;box-shadow:0 0 12px #ccaab524}.planet-1 .planet-sphere{background:radial-gradient(circle at 28% 25%,#bad5c8,#5b8b91 60%,#354f74 90%)}.planet-2 .planet-sphere{background:radial-gradient(circle at 28% 25%,#cfc1e2,#8570ac 60%,#504872 90%)}.planet-3 .planet-sphere{background:radial-gradient(circle at 28% 25%,#e9d599,#ad895e 60%,#69585d 90%)}.planet-4 .planet-sphere{background:radial-gradient(circle at 28% 25%,#c0cbea,#798db6 60%,#455577 90%)}.planet.active .planet-sphere:after{content:"";border:1px solid #ead8be;border-radius:50%;position:absolute;inset:-5px}.planet small{letter-spacing:.06em;color:#b2a8ba;font-size:10px}.planet-placeholder{opacity:.23;grid-area:1/1/-1/-1;justify-content:center;align-items:center;gap:65px;display:flex}.planet-placeholder i{background:#b1acd0;border-radius:50%;width:20px;height:20px;box-shadow:0 0 20px #b5acc9}.orbit-empty{text-align:center;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;max-width:100%;height:100%;display:flex}.orbit-empty p{color:#c7becf;font-size:16px}.orbit-empty small{color:#888598;font-size:12px;line-height:1.5}.little-orbit{border:1px solid #7a7290;border-radius:50%;width:64px;height:64px;margin-bottom:8px;position:relative;box-shadow:inset 0 0 25px #7e6a9822,0 0 40px #7a6c9422}.little-orbit:after{content:"";border:1px solid #98889e;border-radius:50%;position:absolute;inset:25px -15px;transform:rotate(-30deg)}.browse-footer{color:#91879d;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.browse-footer>button{white-space:nowrap;color:#d3c2df;min-height:35px;padding:0 5px;font-size:14px}.browse-error{z-index:5;background:#583d53ee;border-radius:10px;padding:10px;font-size:14px;position:absolute;bottom:260px;left:25px;right:25px}.browse-screen.mine{padding-bottom:max(20px,env(safe-area-inset-bottom));grid-template-rows:52px minmax(0,1fr) 62px;gap:16px}.mine .viewed-card>img{height:calc(100% - 70px)}.mine .orbit-space{padding:6px 8px}.delete-card{color:#bdaeae;min-height:32px;font-size:14px}.history-controls{grid-template-columns:1fr 35px 1fr;align-items:center;gap:10px;display:grid}.history-controls>button{min-height:46px;font-size:14px}.history-controls>span{text-align:center;color:#bfb3cb;font-size:12px}.app-error{left:16px;right:16px;bottom:max(98px,calc(env(safe-area-inset-bottom) + 80px));z-index:50;color:#ffe2d7;background:#5f3c49f5;border:1px solid #a8747b;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex;position:absolute;box-shadow:0 8px 30px #0004}.app-error>button{flex-shrink:0;width:28px;min-height:32px;font-size:22px}.toast{z-index:60;color:#443735;white-space:nowrap;background:#ebe0c6;border-radius:20px;padding:12px 18px;font-size:14px;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0004}@media (height<=700px){.screen{padding-bottom:max(10px,env(safe-area-inset-bottom))}.home-actions{gap:12px;padding:0 28px 22px}.home-actions>button{min-height:52px}.editor-screen{grid-template-rows:46px minmax(0,1fr) auto auto;gap:4px}.screen-header{height:46px}.layer-strip,.layer-strip>button{min-height:35px}.transform-tools label{min-height:30px}.sticker-tray{height:41px}.editor-meta{margin-bottom:5px;font-size:10px}.editor-actions>button{min-height:44px}.browse-screen{grid-template-rows:46px minmax(0,1fr) 195px 32px;gap:4px}.browse-screen.mine{grid-template-rows:46px minmax(0,1fr) 54px}.gate-screen{grid-template-rows:35px minmax(45px,1fr) auto auto 22px;gap:7px}.gate-screen>.animal{max-height:150px}.gate-screen h1{font-size:24px}.pick-screen{grid-template-rows:46px minmax(0,1fr) 62px auto;gap:8px}.pick-footer>button{min-height:48px}.card-byline{gap:8px;font-size:10px}.card-byline time{font-size:10px}}@media (width>=700px){.app-shell{border-left:1px solid #333348;border-right:1px solid #333348}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.layer-strip>label,.layer-strip select,.layer-strip>button,.transform-tools label,.sticker-caption>button,.sticker-chip{font-size:14px}.layer-strip select{max-width:none}.layer-strip{gap:3px}.layer-strip>button{padding-left:4px;padding-right:4px}.sticker-chip{padding-left:2px;padding-right:2px}.transform-tools output,.editor-meta,.card-byline,.card-byline time,.planet small,.browse-footer,.quiet-count{font-size:12px}.editor-meta{line-height:1.4}.planet-field{grid-template-rows:repeat(4,minmax(44px,1fr))}.planet small{letter-spacing:0}.planet-sphere{width:24px;height:24px}.planet{gap:1px}.card-byline{gap:8px}.browse-footer{gap:4px}.layer-strip>label,.transform-tools label{white-space:nowrap}.layer-strip select,.transform-tools input{flex:1;min-width:0}.browse-screen.orbit{background:radial-gradient(at 70% 48%,#49446037,#0000 48%),radial-gradient(at 25% 85%,#58587743,#0000 47%),radial-gradient(at 76% 94%,#565b773c,#0000 42%),#111625;grid-template-rows:52px minmax(0,1fr) 240px 28px;gap:2px}.orbit .orbit-space{z-index:1;padding:6px 18px 0}.orbit .orbit-empty{justify-content:center;gap:12px;padding-top:30px}.orbit .orbit-empty p{letter-spacing:.15em;color:#cdc9db;font-size:16px;font-weight:400}.orbit .orbit-empty small{letter-spacing:.08em;color:#787f96;font-size:12px}.orbit .browse-footer{z-index:1;color:#72798b;padding:0 8px;font-size:12px;position:relative}.orbit .viewed-card{animation:.25s ease-out card-arrive}.orbit .viewed-card>img{box-shadow:0 16px 50px #05091477}.planet-field.star-ring{isolation:isolate;border:0;grid-template-rows:none;grid-template-columns:none;gap:0;padding:0;display:block;overflow:visible}.nebula-halo{pointer-events:none;filter:blur(15px);opacity:.95;background:radial-gradient(#0000 20%,#a399c00b 34%,#998cbc2d 43%,#6e84af24 51%,#0000 68%);position:absolute;inset:-15px -28px;transform:rotate(-8deg)}.nebula-halo:after{content:"";filter:blur(19px);background:radial-gradient(at 25% 65%,#8788b33c,#0000 55%),radial-gradient(at 80% 42%,#c4a3be20,#0000 45%);border-radius:50%;position:absolute;inset:15% -10%;transform:rotate(12deg)}.orbit-dust{pointer-events:none;opacity:.5;background:radial-gradient(1px 1px at 13% 61%,#e4dfeb 30%,#0000),radial-gradient(1px 1px at 28% 21%,#e4dfeb 30%,#0000),radial-gradient(1px 1px at 77% 78%,#e4dfeb 30%,#0000),radial-gradient(1px 1px at 64% 14%,#e4dfeb 30%,#0000),radial-gradient(1px 1px at 41% 84%,#e4dfeb 30%,#0000),radial-gradient(1px 1px at 90% 48%,#e4dfeb 30%,#0000);position:absolute;inset:0}.orbit-star{--star-color:#d9c9e8;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;display:grid;position:absolute;top:50%;left:50%}.orbit-star:hover,.orbit-star.active{box-shadow:none;background:0 0}.orbit-star:focus{outline:none}.orbit-star:focus-visible{outline-offset:0;outline:1px solid #d7cae877}.star-tone-1{--star-color:#b9d8e6}.star-tone-2{--star-color:#edd9b4}.star-tone-3{--star-color:#d0c6ec}.star-core,.star-glow{pointer-events:none;opacity:var(--depth,.8);transform:scale(var(--star-scale,1));transition:width .25s,height .25s,filter .25s;position:absolute}.star-core{width:5px;height:5px;box-shadow:0 0 6px 2px var(--star-color),0 0 19px 5px color-mix(in srgb,var(--star-color) 55%,transparent);background:#fff3df;border-radius:50%}.star-glow{background:radial-gradient(circle,var(--star-color),transparent 63%);filter:blur(8px);width:42px;height:42px;opacity:calc(var(--depth,.8)*.3);border-radius:50%}.orbit-star.active .star-core{opacity:1;width:8px;height:8px;box-shadow:0 0 8px 3px #fff0d0,0 0 25px 8px #e5d6f57a}.orbit-star.active .star-glow{opacity:.4;width:66px;height:66px}.orbit-star:hover .star-core{filter:brightness(1.3)}@keyframes card-arrive{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:none}}@media (height<=700px){.browse-screen.orbit{grid-template-rows:46px minmax(0,1fr) 220px 28px}.orbit .orbit-space{padding-top:2px}.orbit .orbit-empty{padding-top:15px}}@media (prefers-reduced-motion:reduce){.orbit .viewed-card{animation:none}.star-core,.star-glow{transition:none}}.animal{aspect-ratio:1;object-fit:contain;display:block}.animal>img{object-fit:contain;width:100%;height:100%;display:block}.sticker-chip.art-sticker{box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;min-height:44px;max-height:none;padding:3px;display:flex;transform:none}.art-sticker img{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:40px;display:block}.dragging-sticker{box-shadow:none;background:0 0;border:0;width:150px;padding:0}.dragging-sticker img{width:100%;height:auto;display:block}.sticker-caption .paper-switch{color:#ded6c3;padding-left:0;font-size:12px}.sticker-caption>span{font-size:10px}.stage-error button{color:#eed9ac;margin:auto;display:block}.sticker-tray{scrollbar-width:none;gap:8px;display:flex;overflow:auto hidden}.sticker-tray::-webkit-scrollbar{display:none}.sticker-chip.art-sticker{flex:none;min-width:72px}.art-sticker img{width:auto;max-width:none;height:32px;max-height:32px}.animal-interactive{-webkit-user-select:none;user-select:none;touch-action:manipulation;isolation:isolate;flex-shrink:1;min-height:0;padding:0;position:relative}.otter-vector{pointer-events:none;width:100%;height:100%;display:block}.otter-vector>svg{width:100%;height:100%;display:block;overflow:visible}.otter-feedback{z-index:2;pointer-events:none;white-space:nowrap;color:#514339;letter-spacing:.06em;background:#f5e9d9;border:1px solid #f3e2be66;border-radius:14px 14px 14px 3px;padding:7px 12px;font-size:15px;font-weight:500;animation:1.25s ease-out forwards otter-words;position:absolute;transform:translate(-50%,-115%);box-shadow:0 4px 18px #1113}@keyframes otter-words{0%{opacity:0;transform:translate(-50%,-80%)scale(.94)}12%,75%{opacity:1;transform:translate(-50%,-115%)scale(1)}to{opacity:0;transform:translate(-50%,-145%)}}.sticker-text-tools{justify-content:space-between;align-items:center;gap:8px;min-height:36px;display:flex}.sticker-text-tools>span{color:var(--muted);font-size:12px}.sticker-text-tools>button{white-space:nowrap;color:#eed9ac;min-height:36px;padding:4px 8px;font-size:14px}.simple-editor{gap:8px}.simple-editor .editor-stage{padding:8px}.canvas-wrap{flex:none;max-width:100%;max-height:100%;position:relative}.simple-editor .canvas-wrap>canvas{width:100%;max-width:none;height:100%}.selection-outline{pointer-events:none;border:1.5px solid #776554;border-radius:2px;position:absolute;box-shadow:0 0 0 1px #fff9}.canvas-handle{touch-action:none;z-index:3;color:#594638;filter:drop-shadow(0 1px 3px #0003);background:#fff9f0 padding-box padding-box;border:7px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:23px;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.rotate-handle{font-size:22px}.delete-handle{font-size:25px}.simple-editor .editor-tools{gap:5px}.paper-palette{justify-content:center;align-items:center;gap:clamp(0px,1vw,6px);height:40px;display:flex}.color-swatch{flex:0 36px;width:36px;height:40px;min-height:40px;padding:0;position:relative}.color-swatch:before{content:"";background:var(--swatch);border:1px solid #ffffff32;border-radius:50%;display:block;position:absolute;inset:8px 6px}.color-swatch[aria-pressed=true]:after{content:"";border:1.5px solid #e7d6af;border-radius:50%;position:absolute;inset:4px 2px}.simple-editor .sticker-tray{grid-template-rows:repeat(2,50px);grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;height:103px;display:grid;overflow:visible}.simple-editor .sticker-chip.art-sticker{touch-action:manipulation;background:#ffffff04;border:1px solid #ffffff0c;border-radius:10px;width:100%;min-width:0;height:50px;min-height:48px;padding:1px 4px}.simple-editor .sticker-chip.art-sticker img{object-fit:contain;pointer-events:none;width:100%;max-width:190px;height:100%}.simple-editor .sticker-chip:active{background:#ffffff12}@media (height<=700px){.simple-editor{gap:4px}.simple-editor .editor-stage{padding:5px}.simple-editor .sticker-tray{grid-template-rows:repeat(2,44px);height:91px}.simple-editor .sticker-chip.art-sticker{height:44px;min-height:44px}.simple-editor .editor-meta{font-size:10px}}.themed-home{isolation:isolate;background:#202332;transition:background-color .4s,color .4s}.home-backdrop{z-index:-1;pointer-events:none;background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.themed-home .home-header,.themed-home .home-animal,.themed-home .home-actions{position:relative}.home-logo{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:32px;height:32px;display:block}.themed-home[data-period=day]{color:#4f544d;--accent:#ded4b5;background:#efece2}.themed-home .animal-interactive{filter:drop-shadow(0 14px 14px #10132116)}.themed-home[data-period=day] .home-backdrop{background-image:url(/art/home-v1/home-day.svg)}.themed-home[data-period=night] .home-backdrop{background-image:url(/art/home-v1/home-night.svg)}.themed-home[data-period=day] .home-logo{background-image:url(/art/home-v1/logo-on-light.svg)}.themed-home[data-period=night] .home-logo{background-image:url(/art/home-v1/logo-on-dark.svg)}.themed-home[data-period=day] .primary{color:#443a2e;background:#ead29b;box-shadow:0 4px #baa77c}.themed-home[data-period=day] .secondary{color:#555e50;background:#fff6;border-color:#a8af9b;box-shadow:0 3px #bdc5b1}.themed-home[data-period=day] .quiet-button{color:#514c42}.themed-home[data-period=day] .home-draft{color:#706b60}.avatar{flex:none;place-items:center;width:34px;height:34px;display:grid}.letter-avatar{isolation:isolate;border:1.5px solid var(--avatar-ink);color:var(--avatar-ink);background:var(--avatar-background);box-shadow:0 2px 8px color-mix(in srgb, var(--avatar-ink) 14%, transparent);border-radius:49% 51% 47% 53%/52% 47% 53% 48%;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:500;position:relative;overflow:visible}.letter-avatar:after{z-index:-1;border:1px solid var(--avatar-ring);content:"";border-radius:53% 47% 51% 49%/46% 53% 47% 54%;position:absolute;inset:3px 2px 2px 3px;transform:rotate(-7deg)}.letter-avatar span{transform:translateY(-.5px)rotate(-2deg)}.letter-avatar[data-letter=B],.letter-avatar[data-letter=F],.letter-avatar[data-letter=J],.letter-avatar[data-letter=N],.letter-avatar[data-letter=R],.letter-avatar[data-letter=V],.letter-avatar[data-letter=Z]{transform:rotate(2deg)}.letter-avatar[data-letter=D],.letter-avatar[data-letter=H],.letter-avatar[data-letter=L],.letter-avatar[data-letter=P],.letter-avatar[data-letter=T],.letter-avatar[data-letter=X]{transform:rotate(-2deg)}.home-account{align-items:center;gap:4px;display:flex}.profile-button{place-items:center;width:44px;height:44px;padding:5px;display:grid}.profile-dialog{color:#f3eee2;background:#2b2b3a;border:1px solid #625b68;border-radius:24px;width:calc(100% - 40px);max-width:340px;max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 18px 80px #0006}.profile-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a14b3}.profile-dialog form{gap:12px;display:grid}.profile-dialog h2{text-align:center;font-size:20px;font-weight:500}.profile-dialog .avatar{width:54px;height:54px;margin:6px auto;font-size:25px}.profile-dialog label{color:#c4c0cb;font-size:13px}.profile-dialog input{color:#f3eee2;width:100%;min-width:0;font:inherit;background:#1e2030;border:1px solid #6d6576;border-radius:12px;padding:12px;font-size:16px}.name-count{text-align:right;color:#aaa4b4;font-size:12px}.profile-dialog p{color:#f0bca9;font-size:13px}.profile-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.viewed-card{width:100%;overflow:hidden}.card-picture{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.card-picture>img{object-fit:contain;filter:drop-shadow(0 8px 15px #05091455);width:100%;height:100%;min-height:0;display:block}.card-picture>span{color:#b9b0c9;text-align:center;padding:12px;font-size:13px;position:absolute}.history-controls{z-index:2;grid-template-columns:1fr 62px 1fr;position:relative}.history-controls>span{white-space:nowrap;font-size:12px}.mine .viewed-card{gap:8px}.mine .card-byline,.mine .delete-card{flex:none}