:root{--ground:#EDEFF0;--chrome:#F8F9FA;--sheet:#F8F9FA;--ink:#1B1D1E;--ink-2:#555B5F;--ink-3:#646A6E;--line:#D5DADC;--line-2:#BBC2C6;--edge:#84898B;--ochre:#8D571F;--ochre-wash:#F3E3CC;--sprout:#4B6E3D;--sprout-wash:#DCE8D6;--alarm:#8A1C16;--r-xs:4px;--r-s:8px;--r-m:12px;--r-l:16px;--r-xl:20px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.52s;--ease:cubic-bezier(.2,.8,.25,1);--ease-out:cubic-bezier(.16,1,.3,1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--rail-h:52px;--shadow-item:drop-shadow(0 1px 1px rgba(24,30,34,.2)) drop-shadow(0 9px 13px rgba(24,30,34,.17));--shadow-sheet:0 -1px 0 var(--line),0 -24px 60px -24px rgba(24,30,34,.32);--shadow-float:0 8px 20px -10px rgba(24,30,34,.7);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html,body{overflow:hidden;overscroll-behavior:none}body{background:var(--ground);color:var(--ink);font:400 16px/1.45 Golos Text,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}::selection{background:var(--ochre-wash);color:var(--ink)}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:var(--r-s)}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.d-xl{font:400 30px/1.1 Prata,Georgia,serif;letter-spacing:-.02em}.d-l{font:400 23px/1.15 Prata,Georgia,serif;letter-spacing:-.015em}.d-m{font:400 18px/1.2 Prata,Georgia,serif;letter-spacing:-.01em}.t-l{font-size:17px;font-weight:600;letter-spacing:-.005em}.t-m{font-size:15px;font-weight:500}.t-s{font-size:13.5px;line-height:1.4}.caps{font-size:12px;line-height:1;letter-spacing:.09em;font-weight:600;text-transform:uppercase}.mu{color:var(--ink-2)}.fa{color:var(--ink-3)}.row-x{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view{position:fixed;inset:0;overflow:hidden;contain:strict;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.isle{position:absolute;border-radius:28px;background:var(--tint)}.isle-name{position:absolute;transform-origin:0 0;display:flex;align-items:baseline;gap:8px;color:var(--ink);white-space:nowrap;pointer-events:none}.isle-name b{font-size:13px;line-height:1;letter-spacing:.09em;font-weight:600;text-transform:uppercase}.isle-name i{font-style:normal;font-size:13px;line-height:1;color:var(--ink-3);font-weight:500}.thing{position:absolute;display:block;padding:0;transition:transform var(--dur-2) var(--ease)}.thing img{width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:var(--shadow-item)}.thing:after{content:"";position:absolute;inset:-10px;border-radius:14px;box-shadow:inset 0 0 0 0 var(--sprout);transition:box-shadow var(--dur-2) var(--ease)}.thing.picked:after{box-shadow:inset 0 0 0 3px var(--sprout)}.thing:active{transform:scale(.96)}.thing.warn:before{content:"";position:absolute;right:-2px;top:-2px;width:14px;height:14px;border-radius:50%;background:var(--ochre);box-shadow:0 0 0 3px var(--tint,var(--ground))}.thing .mark{position:absolute;left:0;bottom:-30px;height:26px;padding:0 10px;border-radius:var(--r-xs);display:none;align-items:center;white-space:nowrap;background:var(--ochre-wash);color:var(--ochre);font-size:13px;letter-spacing:.06em;font-weight:600;text-transform:uppercase}.thing .cap{position:absolute;left:0;right:0;bottom:-24px;text-align:center;font-size:13px;color:var(--ink-2);opacity:0;transition:opacity var(--dur-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thing.wait{opacity:.5}.view[data-lod="2"] .thing .cap{opacity:1}.view[data-lod="2"] .thing.warn:before{display:none}.view[data-lod="2"] .thing.warn .mark{display:flex}.top{position:fixed;left:0;right:0;top:0;z-index:30;padding:calc(var(--safe-t) + 10px) 16px 10px;display:flex;align-items:center;gap:12px;background:linear-gradient(var(--ground) 55%,transparent);pointer-events:none}.top>*{pointer-events:auto}.count{display:flex;align-items:baseline;gap:7px}.spectrum{height:3px;display:flex;flex:1;max-width:120px;margin-left:auto;cursor:pointer}.spectrum>span{display:flex;width:100%;height:100%;border-radius:2px;overflow:hidden}.spectrum i{display:block;height:100%}.avatar{width:36px;height:36px;border-radius:50%;flex:0 0 36px;background:var(--chrome);border:1px solid var(--line-2);display:grid;place-items:center;font-size:13px;font-weight:600;transition:transform var(--dur-1) var(--ease)}.avatar:active{transform:scale(.94)}.rail{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--rail-h) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;justify-content:space-evenly;align-items:stretch;padding-inline:8px;background:color-mix(in srgb,var(--chrome) 88%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-top:1px solid var(--line)}.rail button{height:var(--rail-h);display:grid;place-items:center;padding-inline:6px;color:var(--ink-3);transition:color var(--dur-1) var(--ease)}.rail button span{display:block;padding:3px 0 5px;border-bottom:2px solid transparent;transition:border-color var(--dur-2) var(--ease)}.rail button[aria-current=true]{color:var(--ink)}.rail button[aria-current=true] span{border-bottom-color:var(--ink)}.rail button:active{color:var(--ink)}.addbtn{position:fixed;right:16px;bottom:calc(var(--rail-h) + var(--safe-b) + 16px);z-index:37;width:56px;height:56px;border-radius:18px;background:var(--ink);color:var(--ground);display:grid;place-items:center;box-shadow:var(--shadow-float);transition:transform var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease)}.addbtn:active{transform:scale(.94)}.view[data-lod="0"]~.addbtn{opacity:0;transform:scale(.8);pointer-events:none}.tray.on~.addbtn{opacity:0;pointer-events:none}.zoomhint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--rail-h) + var(--safe-b) + 14px);z-index:35;display:flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:color-mix(in srgb,var(--chrome) 92%,transparent);border:1px solid var(--line);color:var(--ink-2);font-size:13px;opacity:0;visibility:hidden;transition:opacity var(--dur-3) var(--ease),visibility var(--dur-3);pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.zoomhint.on{opacity:1;visibility:visible}.filterbar{position:fixed;left:16px;right:16px;bottom:calc(var(--rail-h) + var(--safe-b) + 14px);z-index:36;display:flex;align-items:center;gap:12px;height:48px;padding:0 8px 0 16px;border-radius:var(--r-m);background:var(--ink);color:var(--ground);box-shadow:var(--shadow-float);font-size:14px}.filterbar button{margin-left:auto;height:36px;padding:0 14px;border-radius:var(--r-s);background:#ffffff24;color:var(--ground);font-size:14px;font-weight:600}.filterbar button:active{background:#ffffff3d}.tray{position:fixed;left:0;right:0;bottom:calc(var(--rail-h) + var(--safe-b));z-index:38;visibility:hidden;background:var(--chrome);box-shadow:0 -1px 0 var(--line),0 -16px 40px -20px #181e2247;transform:translateY(102%);transition:transform var(--dur-3) var(--ease-out),visibility var(--dur-3);padding:10px 16px 12px}.tray.on{transform:translateY(0);visibility:visible}.tray-strip{display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 0}.tray-strip::-webkit-scrollbar{display:none}.tray-strip img{height:46px;width:auto;flex:0 0 auto;filter:var(--shadow-item)}.btn{height:48px;padding:0 20px;border-radius:var(--r-m);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;white-space:nowrap;transition:transform var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease),opacity var(--dur-1)}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--ink);color:var(--ground)}.btn.primary:active{background:#000}.btn.ghost{background:transparent;border:1px solid var(--edge)}.btn.ghost:active{background:var(--ground)}.btn.quiet{color:var(--ink-2);padding:0 12px}.btn.danger{color:var(--alarm);border:1px solid color-mix(in srgb,var(--alarm) 32%,transparent)}.btn[disabled]{opacity:.4;pointer-events:none}.btn.wide{width:100%}.sheet-wrap{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end}.sheet-back{position:absolute;inset:0;background:#14181b66;animation:sheet-back var(--dur-3) var(--ease) both}@keyframes sheet-back{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet{position:relative;width:100%;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--sheet);border-radius:24px 24px 0 0;box-shadow:var(--shadow-sheet);padding:8px 16px calc(20px + var(--safe-b));animation:sheet-up var(--dur-4) var(--ease-out) both;touch-action:pan-y}.grab{width:40px;height:4px;border-radius:2px;background:var(--line-2);margin:4px auto 14px}@media(min-width:720px){.sheet-wrap{align-items:center;justify-content:center}.sheet{max-width:560px;border-radius:24px}}.card-photo{height:34dvh;display:flex;align-items:flex-end;justify-content:center;background:var(--tint,var(--ground));border-radius:var(--r-l);padding:16px;margin-bottom:var(--s-4)}.card-photo img{max-height:100%;width:auto;filter:var(--shadow-item)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--s-4)}.field>label{font-size:13px;color:var(--ink-2);font-weight:500}.opts{display:flex;flex-wrap:wrap;gap:6px}.opt{height:44px;padding:0 14px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--chrome);color:var(--ink-2);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.opt[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.opt:active{border-color:var(--line-2)}.dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.input{width:100%;min-height:52px;padding:14px 16px;background:var(--chrome);border:1px solid var(--line);border-radius:var(--r-m);outline:2px solid transparent;outline-offset:1px;transition:background-color var(--dur-1) var(--ease),outline-color var(--dur-1) var(--ease);resize:vertical}.input:focus{outline-color:var(--ink)}.facts{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--ink-2);font-size:13px;margin-bottom:var(--s-4)}.panel{position:fixed;inset:0;z-index:50;background:var(--ground);display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--dur-4) var(--ease-out);visibility:hidden}.panel.on{transform:translateY(0);visibility:visible}.panel-head{padding:calc(var(--safe-t) + 12px) 16px 10px;display:flex;align-items:center;gap:12px}.panel-body{flex:1;overflow-y:auto;padding:0 16px calc(var(--rail-h) + var(--safe-b) + 24px);overscroll-behavior:contain}.row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.row:last-child{border-bottom:0}.row .box{width:22px;height:22px;flex:0 0 22px;border-radius:var(--r-xs);border:1px solid var(--edge);display:grid;place-items:center;transition:background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.row[aria-pressed=true] .box{background:var(--ink);border-color:var(--ink)}.row[aria-pressed=true] .box:after{content:"";width:10px;height:6px;border:2px solid var(--ground);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-2px)}.row .n{margin-left:auto;color:var(--ink-3);font-size:13px}.search{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;flex:1;background:var(--chrome);border:1px solid var(--line);border-radius:var(--r-m)}.search input{flex:1;align-self:stretch;border:0;background:none;outline:none;min-width:0}.gate{min-height:100%;display:flex;align-items:center;justify-content:center;padding:26px}.gate-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.gate .mark{font-size:46px;text-align:center;margin-bottom:2px}.gate h1{text-align:center;margin:0}.gate .tagline{text-align:center;color:var(--ink-2);margin-bottom:18px}.error{color:var(--alarm);font-size:14px;font-weight:600}.belt{display:flex;flex-direction:column;gap:14px;padding:14px 16px calc(var(--rail-h) + var(--safe-b) + 20px)}.belt-photo{height:32dvh;aspect-ratio:3/4;width:auto;margin:0 auto;border-radius:var(--r-l);overflow:hidden;background:var(--chrome);display:flex;align-items:center;justify-content:center}.belt-photo img{width:100%;height:100%;object-fit:contain}.progress{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.progress i{display:block;height:100%;background:var(--ink-3);transition:width var(--dur-3) var(--ease)}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pick{min-height:52px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--chrome);display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:500;padding:6px;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.pick[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.hidden-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}.pick-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:116px;border-radius:var(--r-l);background:var(--chrome);border:2px dashed var(--line);font-weight:600;cursor:pointer;transition:transform var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.pick-big:active{transform:scale(.98);border-color:var(--line-2)}.pick-big .ic{color:var(--ink-2)}.pick.on{background:var(--ink);border-color:var(--ink);color:var(--ground)}.empty{padding:56px 24px;text-align:center;color:var(--ink-2)}.scroll{height:100%;overflow-y:auto;overscroll-behavior:contain}@media(prefers-reduced-motion:reduce){*{transition-duration:60ms!important;animation-duration:60ms!important}}.look{position:relative;width:100%;aspect-ratio:4/5;border-radius:var(--r-l);overflow:hidden;background:radial-gradient(120% 90% at 50% 36%,#fff,#f7f9fa 55%,#e8ecef);box-shadow:0 1px 0 var(--line),0 20px 50px -28px #181e2252;margin-bottom:var(--s-4)}.look>img{position:absolute;filter:var(--shadow-item)}.wk{display:flex;flex-direction:column;gap:10px;padding-top:4px}.screen{padding:14px 16px calc(var(--rail-h) + var(--safe-b) + 24px)}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.col{display:flex;flex-direction:column;gap:12px}.center{text-align:center}.small{font-size:13.5px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{height:40px;padding:0 14px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--chrome);color:var(--ink-2);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--ground)}.btn.soft{background:var(--chrome);border:1px solid var(--line)}.look{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.piece{position:absolute;cursor:grab}.piece img{display:block;width:100%;height:auto;filter:var(--shadow-item);pointer-events:none}.piece.on:before{content:"";position:absolute;inset:-6px;border:1.5px solid var(--ink);border-radius:6px;opacity:.5}.grip{position:absolute;right:-16px;bottom:-16px;width:32px;height:32px;border-radius:50%;background:var(--ink);box-shadow:var(--shadow-float);cursor:nwse-resize;touch-action:none}.grip:after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--ground)}.look-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:4px}@media(min-width:560px){.look-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:860px){.look-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.look-card{display:flex;flex-direction:column;min-width:0}.look-cover{position:relative;aspect-ratio:4/5;border-radius:var(--r-m);overflow:hidden;background:radial-gradient(120% 90% at 50% 36%,#fff,#f7f9fa 55%,#e8ecef);box-shadow:0 1px 0 var(--line)}.look-cover img{width:100%;height:100%;object-fit:contain}.look-cover>img[style]{object-fit:contain}button.look-card{text-align:left;background:none;border:0;padding:0}.eraser{position:fixed;inset:0;z-index:70;background:var(--ground);display:flex;flex-direction:column}.eraser-field{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:repeating-conic-gradient(var(--chrome) 0% 25%,var(--ground) 0% 50%) 0 0 / 22px 22px}.eraser-canvas{max-width:100%;max-height:100%;touch-action:none;cursor:crosshair}.eraser-bar{display:flex;align-items:center;gap:14px;padding:12px 16px}.slider{flex:1;accent-color:var(--ink);height:28px}.brush-dot{border-radius:50%;background:var(--ink-3);flex:0 0 auto}.thing.movable{cursor:grab}.thing.movable:after{box-shadow:inset 0 0 0 2px var(--line-2)}.thing.moving{z-index:50;transition:none;filter:brightness(1.02)}.thing.moving img{filter:drop-shadow(0 2px 3px rgba(24,30,34,.26)) drop-shadow(0 16px 22px rgba(24,30,34,.26))}button.isle-name{pointer-events:auto;background:none;border:0;padding:0;cursor:pointer}button.isle-name:after{content:"";position:absolute;inset:-10px -12px}.spectrum{position:relative}.spectrum:after{content:"";position:absolute;inset:-21px 0}.avatar{position:relative}.avatar:after{content:"";position:absolute;inset:-6px;border-radius:50%}.bucket{margin-bottom:28px}.bucket-head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.bucket-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 0 10px}.bucket-strip::-webkit-scrollbar{display:none}.bucket-item{position:relative;flex:0 0 auto;height:92px;padding:0}.bucket-item img{height:100%;width:auto;filter:var(--shadow-item)}.bucket-n{position:absolute;right:-4px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:var(--ink);color:var(--ground);font-size:12px;font-weight:600;display:grid;place-items:center}.folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:4px}.folder{position:relative;min-width:0;border-radius:var(--r-m);background:var(--tint,var(--chrome));transition:transform var(--dur-1) var(--ease)}.folder:active{transform:scale(.98)}.folder-open{display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:0 40px 0 14px;text-align:left}.folder-icon{font-size:20px;line-height:1;flex:0 0 auto}.folder-name{font-size:14.5px;font-weight:600;letter-spacing:-.005em;min-width:0}.folder-n{position:absolute;right:34px;bottom:9px;font-size:12px;font-weight:600;color:var(--ink-2)}.folder-edit{position:absolute;right:4px;top:4px;width:32px;height:32px;display:grid;place-items:center;color:var(--ink-2);border-radius:var(--r-xs)}.folder-edit:after{content:"";position:absolute;inset:-6px}.folder.new{background:transparent;border:1px dashed var(--edge);color:var(--ink-2);padding-right:14px}.folder.new .folder-name{font-weight:500}.tints{display:flex;flex-wrap:wrap;gap:8px}.tint{width:40px;height:40px;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px #00000014}.tint[aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000014,0 0 0 2px var(--ink)}.icon-opt{font-size:18px;min-width:52px;justify-content:center}.sift{padding:0 16px 10px;border-bottom:1px solid var(--line);max-height:46dvh;overflow-y:auto;overscroll-behavior:contain}.sift-row{margin-bottom:10px}.sift-label{font-size:13px;color:var(--ink-2);font-weight:500;margin:0 2px 6px}.sift-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.sift-strip::-webkit-scrollbar{display:none}.sift-strip>*{flex:0 0 auto}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.chip[aria-pressed=true] .dot{box-shadow:inset 0 0 0 1px #ffffff59}.chip-img{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 6px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--chrome);max-width:160px;font-size:13.5px}.chip-img img{height:32px;width:32px;object-fit:contain;flex:0 0 auto}.chip-img[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.btn.quiet.on{color:var(--ink)}.t-xs{font-size:12px;line-height:1.35}.row-pic{width:34px;height:34px;flex:0 0 34px;object-fit:contain;filter:var(--shadow-item)}.bucket-more{flex:0 0 auto;align-self:center;font-size:13px;color:var(--ink-3);padding:0 8px}