/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#314343;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#314343;--muted:#899393;--teal:#5a9690;--teal-dark:#417c78;--paper:#fffefa;--line:#e8e8e1;background:#f2f1ec;font-family:Aptos,Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8ebeb5}button:disabled{cursor:not-allowed;opacity:.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{background:#f3f2ed;min-height:100vh;position:relative;overflow:hidden}.topbar{z-index:3;background:#fffffceb;border-bottom:1px solid #e9e9e3;align-items:center;height:76px;padding:0 34px;display:flex;position:relative}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{background:linear-gradient(145deg,#e3f4ef,#b7dcd5);border-radius:13px;place-items:center;width:37px;height:37px;display:grid;transform:rotate(-6deg);box-shadow:inset 0 0 0 1px #46857c26}.brand-mark:before{content:"";background:linear-gradient(140deg,#8cc6bb 4%,#4d9189 77%);border-radius:55% 48% 53% 45%;width:18px;height:20px;display:block;box-shadow:inset 3px 3px 4px #fffc,inset -3px -4px 6px #306a694d,0 2px 4px #346f6a2b}.brand-mark span{filter:blur(.2px);background:#fff;border-radius:50%;width:5px;height:6px;margin:-9px 0 0 5px;position:absolute}.brand strong{letter-spacing:.04em;font-size:17px;font-weight:700;line-height:1.1;display:block}.brand small{color:#99a4a1;letter-spacing:.16em;margin-top:4px;font-size:8px;font-weight:700;display:block}.top-nav{align-items:center;gap:4px;height:100%;margin-left:74px;display:flex}.nav-item{color:#84908f;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;height:100%;padding:0 17px;font-size:13px;transition:color .2s;display:flex;position:relative}.nav-item:hover,.nav-item.active{color:#3f706b}.nav-item.active:after{content:"";background:#5a9690;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:16px;right:16px}.nav-item.active svg{stroke-width:2.1px}.topbar-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.local-pill{color:#7d8987;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.local-pill>span{background:#78b29c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #eaf4ed}.button{letter-spacing:.01em;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 18px;font-size:12px;font-weight:650;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.98)}.button-primary{color:#fff;background:linear-gradient(135deg,#669f96,#4e8982);box-shadow:0 5px 12px #4c837c2e,inset 0 1px #ffffff42}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#70aaa0,#4f8b84);box-shadow:0 7px 17px #4c837c3b}.button-small{border-radius:9px;min-height:37px;padding:0 14px;font-size:11px}.button-light{color:#437a75;background:#ffffffd9;box-shadow:0 4px 15px #4f847f17}.app-content{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 107px);display:grid}.sidebar{background:#f8f7f2;border-right:1px solid #e8e8e0;flex-direction:column;padding:31px 16px 20px 20px;display:flex;position:relative}.sidebar-kicker{color:#a0aaa7;letter-spacing:.17em;margin:0 0 16px 12px;font-size:9px;font-weight:700}.side-link{color:#75817f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:43px;padding:0 11px;font-size:12px;transition:background .18s,color .18s;display:flex}.side-link:hover{background:#eeefea}.side-link.selected{color:#477e77;background:#eaf1ec;font-weight:700}.side-link.selected svg:first-child{stroke-width:2.2px}.side-link b{color:#6c9188;text-align:center;background:#ffffffad;border-radius:6px;min-width:22px;margin-left:auto;padding:3px 6px;font-size:10px;font-weight:700}.side-arrow{opacity:.62;margin-left:auto}.sidebar-rule{background:#e8e9e3;height:1px;margin:20px 8px}.maker-card{background:linear-gradient(145deg,#f9f8ee,#f0f2e9);border:1px solid #e6e8dc;border-radius:12px;grid-template-columns:32px 1fr 24px;align-items:center;gap:8px;padding:12px 9px 9px;display:grid;position:relative}.maker-orbit{color:#a18f67;background:#f2edda;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.maker-copy{min-width:0}.maker-copy strong{color:#596357;white-space:nowrap;font-size:10px;display:block}.maker-copy span{color:#9a9e8d;white-space:nowrap;margin-top:3px;font-size:9px;display:block}.maker-link{color:#a0906f;border-radius:7px;place-items:center;width:23px;height:23px;text-decoration:none;display:grid}.maker-link:hover{background:#fff}.maker-import{color:#7f806f;cursor:pointer;background:#ffffffa6;border:1px solid #e8e7dc;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;height:28px;margin-top:3px;font-size:9px;display:flex}.maker-import:hover{background:#fff}.sidebar-bottom{margin-top:auto;padding:0 7px}.privacy-note{color:#82928d;border:1px solid #eaebe4;border-radius:9px;align-items:center;gap:8px;padding:11px 9px;font-size:10px;display:flex}.privacy-note svg{color:#81a89a}.sidebar-version{color:#b5bbb7;letter-spacing:.13em;margin:18px 3px 0;font-size:8px;font-weight:700}.sidebar-version span{color:#d1d3cd;padding:0 3px}.main-panel{min-width:0;padding:36px clamp(26px,4.5vw,70px) 42px}.notice{border-radius:9px;justify-content:space-between;align-items:center;gap:12px;max-width:1240px;margin:-17px auto 22px;padding:10px 14px;font-size:11px;display:flex}.notice-success{color:#55766a;background:#f0f7f1;border:1px solid #dcebe1}.notice-error{color:#a45344;background:#fff4f1;border:1px solid #efd6d1}.notice button{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.book-view,.lab-view{max-width:1240px;margin:0 auto}.page-heading,.lab-heading-row{justify-content:space-between;align-items:flex-end;display:flex}.eyebrow{color:#a0a8a2;letter-spacing:.18em;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.eyebrow-dot{background:#71aaa0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #e5efea}.eyebrow-line{background:#d7ddd6;width:28px;height:1px;margin-left:3px}h1{color:#3a4a49;letter-spacing:.045em;margin:13px 0 8px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(24px,2.45vw,34px);font-weight:500}h1 em{color:#5b9a91;font-style:normal}.page-heading p,.lab-heading-row p{color:#8c9691;letter-spacing:.025em;margin:0;font-size:12px}.collection-count{color:#9eaaa3;align-items:center;gap:9px;padding:9px 0 3px;display:flex}.collection-count strong{color:#71968a;font-family:Georgia,serif;font-size:27px;font-weight:400}.collection-count span{letter-spacing:.1em;max-width:42px;font-size:8px;line-height:1.45}.album-toolbar{color:#687977;letter-spacing:.025em;justify-content:space-between;align-items:center;margin:27px 0 11px;font-size:11px;font-weight:700;display:flex}.toolbar-indicator{vertical-align:1px;background:#84b5a7;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.toolbar-sub{color:#a7afaa;margin-left:4px;font-weight:400}.text-button{color:#5d958b;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0 5px 8px;font-size:10px;display:inline-flex}.text-button:hover{color:#3c7771}.album-spread{filter:drop-shadow(0 15px 24px #474e4017);grid-template-columns:1fr 25px 1fr;min-height:438px;padding:0 7px;display:grid;position:relative}.album-page{background:#fffef9;min-height:438px;padding:22px 22px 33px;position:relative;overflow:hidden}.album-page:before{content:"";pointer-events:none;background:radial-gradient(at 8% 0,#f0e2c11f,#0000 40%),repeating-linear-gradient(0deg,#6e6a4e03 0 1px,#0000 1px 4px);position:absolute;inset:0}.album-page-left{border-radius:7px 2px 2px 7px;box-shadow:inset -13px 0 16px -18px #3c453b80}.album-page-right{border-radius:2px 7px 7px 2px;box-shadow:inset 13px 0 16px -18px #3c453b80}.album-page-left:after,.album-page-right:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#d9cfb01f);height:7px;position:absolute;bottom:0;left:0;right:0}.album-spine{z-index:2;background:linear-gradient(90deg,#dbd8cb,#c9c8bc 48%,#e7e4d9);flex-direction:column;justify-content:center;align-items:center;gap:48px;display:flex;position:relative;box-shadow:inset 1px 0 #ffffffa6,inset -1px 0 #7576691f}.album-spine span{color:#a09d90;letter-spacing:.14em;writing-mode:vertical-rl;font-size:6px;position:absolute;top:35px}.album-spine i{background:radial-gradient(circle at 35% 30%,#f8f7ef,#bcbcaf 74%);border:1px solid #72736759;border-radius:50%;width:7px;height:7px;box-shadow:0 1px 2px #0000001a}.page-label{z-index:1;color:#b0b1a4;letter-spacing:.17em;justify-content:space-between;font-size:7px;font-weight:700;display:flex;position:relative}.page-number{z-index:2;color:#c1c1b6;text-align:center;letter-spacing:.11em;font-family:Georgia,serif;font-size:9px;position:absolute;bottom:14px;left:0;right:0}.empty-book{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:342px;padding:8px 12px 0;display:flex;position:relative}.empty-art{place-items:center;width:145px;height:117px;margin:-2px 0 7px;display:grid;position:relative}.empty-orbit{border:1px solid #84b1a333;border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-one{width:131px;height:61px}.orbit-two{border-color:#b8af8a36;width:110px;height:99px;transform:rotate(53deg)}.empty-jelly{background:radial-gradient(at 31% 24%,#fffffff2,#c5eae1a8 28%,#73baac6b 65%,#70a69b80);border:1px solid #6bb1a56e;border-radius:43% 52% 46% 50%;place-items:center;width:68px;height:72px;display:grid;position:relative;transform:rotate(-9deg);box-shadow:inset 6px 7px 14px #ffffffe6,inset -8px -10px 14px #447e782e,0 12px 17px #4a8b7f29}.empty-jelly:before{content:"";filter:blur(2px);background:#ffffffdb;border-radius:50%;width:28px;height:9px;position:absolute;top:9px;left:15px;transform:rotate(-29deg)}.empty-jelly i{background:#ffffffd9;border-radius:50%;width:7px;height:7px;position:absolute;bottom:13px;right:13px;box-shadow:0 0 6px #fff}.empty-image-mark{background:#ffffff6b;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:31px;height:34px;display:flex;transform:rotate(9deg)}.empty-image-mark span{border:1px solid #46877e80;border-radius:4px;width:10px;height:13px}.empty-image-mark span:nth-child(2){height:17px;margin-top:-4px}.empty-star{color:#c2b27f;stroke-width:1.4px;position:absolute}.star-one{top:16px;right:14px}.star-two{color:#8eb8ac;bottom:21px;left:15px}.empty-book h2{color:#66726e;letter-spacing:.04em;margin:4px 0 7px;font-family:Yu Mincho,serif;font-size:16px;font-weight:500}.empty-book p{color:#a1aaa2;margin:0 0 17px;font-size:10px;line-height:1.8}.empty-book .button{min-height:36px;font-size:10px}.right-page-note{z-index:1;text-align:center;flex-direction:column;align-items:center;margin-top:72px;display:flex;position:relative}.note-stamp{color:#afa477;background:#fcfbf5;border:1px solid #e7e3ce;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:13px;display:grid}.note-overline{color:#b4b3a7;letter-spacing:.2em;font-size:7px;font-weight:700}.right-page-note p{color:#77847c;letter-spacing:.08em;margin:13px 0 10px;font-family:Yu Mincho,serif;font-size:18px;line-height:1.7}.note-date{color:#c1c0b4;letter-spacing:.17em;font-size:7px}.right-page-orbit{border:1px solid #7bb0a41f;border-radius:50%;width:155px;height:155px;position:absolute}.orbit-a{top:10px;right:-89px}.orbit-b{border-color:#cdba8221;bottom:26px;left:-103px}.right-page-cta{z-index:1;color:#a5aaa0;letter-spacing:.05em;justify-content:space-between;align-items:flex-end;font-family:Yu Mincho,serif;font-size:11px;line-height:1.8;display:flex;position:absolute;bottom:46px;left:26px;right:24px}.round-arrow{color:#70958a;cursor:pointer;background:#fff;border:1px solid #e8e7df;border-radius:50%;place-items:center;width:31px;height:31px;transition:background .2s,transform .2s;display:grid}.round-arrow:hover{background:#eff4ed;transform:rotate(45deg)}.under-book-note{color:#a5ada7;align-items:center;gap:7px;margin:12px 3px 0;font-size:9px;display:flex}.under-book-note span{background:#9bbbaf;border-radius:50%;width:5px;height:5px}.album-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 12px;margin:23px 4px 0;display:grid;position:relative}.sticker-tile{min-width:0}.tile-art{cursor:pointer;background:radial-gradient(at 48% 40%,#fff,#f3f3eb 88%);border:1px solid #dbdbcfc4;border-radius:9px;place-items:center;width:100%;height:clamp(108px,12vw,155px);padding:12px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 8px #34433a12,inset 0 1px #ffffffe6}.tile-art:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:0 8px 17px #34433a1c,inset 0 1px #ffffffe6}.tile-art img{object-fit:contain;filter:drop-shadow(0 4px 4px #2c4b4724);max-width:100%;max-height:100%}.tile-gel-mark{color:#638e81;background:#fffc;border:1px solid #deeae0e6;border-radius:10px;align-items:center;gap:3px;padding:3px 5px;font-size:7px;display:flex;position:absolute;top:5px;right:5px}.tile-caption{color:#8a958e;justify-content:space-between;align-items:center;gap:2px;padding:6px 2px 0 3px;font-size:8px;display:flex}.tile-caption>div{flex-direction:column;gap:2px;min-width:0;display:flex}.tile-caption strong{color:#6f7d75;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.tile-caption span{color:#a8afa7;font-size:8px}.icon-button{color:#9ca6a0;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.add-tile{color:#809b8e;cursor:pointer;background:#f7f8f09e;border:1px dashed #d9dfd4;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:148px;display:flex}.add-tile:hover{background:#f6f8f1;border-color:#a9c5b5}.add-tile>span{color:#79a599;background:#e9f1e9;border-radius:9px;place-items:center;width:30px;height:30px;margin-bottom:1px;display:grid}.add-tile strong{font-size:9px}.add-tile small{color:#abb4aa;font-size:8px}.lab-heading-row{align-items:center}.lab-heading-row h1{margin-top:12px}.maker-mini-link{color:#8e8d78;background:#f8f8f1;border:1px solid #e7e8dc;border-radius:11px;align-items:center;gap:9px;margin-bottom:2px;padding:9px 11px 9px 9px;font-size:9px;line-height:1.55;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.maker-mini-link:hover{background:#fffef8;border-color:#d6decf}.maker-mini-link>svg{margin-left:2px}.maker-mini-link b{color:#777b68;font-size:10px;font-weight:650}.maker-mini-icon{color:#a39061;background:#eeeada;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.lab-stepper{color:#b0b7b0;letter-spacing:.025em;align-items:center;gap:10px;margin:24px 0 13px;font-size:9px;display:flex}.step{white-space:nowrap;align-items:center;gap:6px;display:flex}.step i{color:#a6b1a9;background:#f7f7f2;border:1px solid #e0e4dd;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;font-style:normal;display:grid}.step.current{color:#638e82;font-weight:700}.step.current i,.step.completed i{color:#fff;background:#7aaa99;border-color:#c2dbcd}.step-rule{background:#e2e5dc;width:37px;height:1px}.lab-workspace{grid-template-columns:minmax(350px,1fr) minmax(270px,306px);align-items:start;gap:15px;display:grid}.gel-stage{background:radial-gradient(at 49% 37%,#fafdf9 0,#eef6f1 43%,#e4eee8 78%,#e4ece6 100%);border:1px solid #e0e7df;border-radius:17px;min-width:0;height:clamp(522px,61vh,660px);min-height:522px;position:relative;overflow:hidden;box-shadow:0 7px 23px #4c66550e,inset 0 1px #fffffff2}.stage-grid{pointer-events:none;opacity:.34;background-image:linear-gradient(#7d9f8f0b 1px,#0000 1px),linear-gradient(90deg,#7d9f8f0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 88%);mask-image:radial-gradient(#000 25%,#0000 88%)}.stage-topline{z-index:2;color:#a0b0a4;letter-spacing:.17em;justify-content:space-between;font-size:8px;font-weight:700;display:flex;position:absolute;top:17px;left:19px;right:19px}.stage-topline>span:first-child{align-items:center;gap:6px;display:flex}.live-dot{background:#71b099;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #e2f1e8}.gel-viewport{z-index:1;cursor:grab;touch-action:none;position:absolute;inset:25px 5px 27px}.gel-viewport:active{cursor:grabbing}.gel-canvas{z-index:1;position:absolute;inset:0}.gel-canvas canvas{width:100%;height:100%;display:block}.gel-picture-well{z-index:2;pointer-events:none;background:linear-gradient(143deg,#eefffa26,#73bcb50e 55%,#ffffff1c);border:1px solid #ffffff7a;border-radius:38% 42% 36% 44%;place-items:center;width:min(39%,300px);height:min(53%,300px);transition:left .14s ease-out,top .14s ease-out,transform .48s cubic-bezier(.18,.82,.31,1.32),border-radius .48s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 2px 9px #ffffff70,0 6px 20px #3e797012}.gel-picture-well:before{content:"";z-index:1;border-radius:inherit;background:linear-gradient(142deg,#ffffff47,#0000 23% 72%,#d1fff633);position:absolute;inset:0}.gel-picture-well:after{content:"";z-index:2;filter:blur(5px);background:#fff9;border-radius:50%;width:27%;height:6%;position:absolute;top:13%;left:18%;transform:rotate(-31deg)}.gel-picture-well.is-pressed{border-radius:45% 34% 43% 37%;transform:translate(-50%,-50%)scale(.94,1.065)}.gel-picture{z-index:0;object-fit:contain;filter:drop-shadow(0 8px 8px #24535121)saturate(.94);opacity:.97;-webkit-user-select:none;user-select:none;border-radius:15%;max-width:100%;max-height:100%;display:block;position:relative}.webgl-fallback{z-index:4;color:#7e9083;pointer-events:none;background:#fffffae8;border:1px solid #e2e9df;border-radius:8px;width:max-content;max-width:82%;padding:6px 9px;font-size:8px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.gel-loading{z-index:1;color:#86a99a;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;inset:0}.stage-hint{z-index:2;color:#8aaca0;white-space:nowrap;pointer-events:none;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.stage-badge{z-index:2;color:#9bb3a7;letter-spacing:.12em;pointer-events:none;align-items:center;gap:5px;font-size:7px;display:flex;position:absolute;bottom:14px;right:16px}.stage-badge>span{background:#a2d1bd;border-radius:50%;width:5px;height:5px;box-shadow:0 0 5px #a2d1bd}.glow-corner{z-index:0;filter:blur(37px);pointer-events:none;background:#ffffff5c;border-radius:50%;width:154px;height:154px;position:absolute}.glow-top{top:62px;left:10%}.glow-bottom{background:#c1e8d557;width:123px;height:123px;bottom:34px;right:5%}.gel-stage-empty{cursor:pointer;border-style:dashed;place-items:center;display:grid}.stage-empty-content{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:38px 22px 27px;display:flex;position:relative}.upload-orb{color:#6e9c90;background:#ffffffd1;border:1px solid #d8e7dd;border-radius:20px;place-items:center;width:60px;height:60px;margin-bottom:18px;display:grid;position:relative;transform:rotate(-5deg);box-shadow:0 6px 17px #578b7817,inset 0 1px #fff}.upload-orb>span{color:#c2a971;background:#fffdf6;border:2px solid #f2f8f3;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-6px;right:-7px}.stage-empty-content strong{color:#64746b;letter-spacing:.04em;font-family:Yu Mincho,serif;font-size:17px;font-weight:500}.stage-empty-content p{color:#99a79e;margin:9px 0 16px;font-size:10px;line-height:1.8}.stage-empty-content .button{min-height:36px;font-size:10px}.stage-empty-content small{color:#adb8ae;margin-top:12px;font-size:8px}.lab-controls{flex-direction:column;gap:11px;display:flex}.control-card,.stamp-card{background:#fffffbe0;border:1px solid #e7e8df;border-radius:13px;padding:15px;box-shadow:0 5px 13px #49564808}.control-title-row{align-items:center;gap:9px;display:flex}.control-icon{color:#58938b;background:#e8f2eb;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.control-kicker{color:#acb4ab;letter-spacing:.16em;font-size:7px;font-weight:700}.control-title-row h2{color:#576861;margin:2px 0 0;font-family:Yu Mincho,serif;font-size:14px;font-weight:600}.material-number{color:#c2c7bd;margin-left:auto;font-family:Georgia,serif;font-size:15px}.control-description{color:#8f9a91;margin:11px 0 13px;font-size:9px;line-height:1.8}.control-divider{background:#efefe8;height:1px;margin:12px 0}.range-label{color:#77847b;justify-content:space-between;align-items:center;font-size:9px;display:flex}.range-control-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.range-control-row .range-label{flex:1}.sound-toggle{color:#9aa79e;cursor:pointer;background:#fafbf7;border:1px solid #e7eae3;border-radius:7px;align-items:center;gap:4px;min-height:23px;padding:0 7px;font-size:8px;transition:all .18s;display:inline-flex}.sound-toggle:hover,.sound-toggle.on{color:#628e80;background:#f1f7f0;border-color:#cde0d4}.range-label strong{color:#638f83;font-size:11px}.range-label small{color:#98a89e;margin-left:2px;font-size:8px;font-weight:500}input[type=range]{appearance:none;background:linear-gradient(90deg,#80b3a3 0%,#80b3a3 var(--range-progress),#e7ebe4 var(--range-progress),#e7ebe4 100%);cursor:pointer;border-radius:9px;width:100%;height:4px;margin:12px 0 6px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#6eaa99;border:2px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 4px #3363503d}input[type=range]::-moz-range-thumb{background:#6eaa99;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 4px #3363503d}.range-hints{color:#b1b9b0;justify-content:space-between;font-size:8px;display:flex}.source-file-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.source-file-icon{color:#8cab9a;background:#f6f8f2;border:1px solid #e9ece4;border-radius:8px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.source-file-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.source-file-info strong{color:#748179;font-size:9px;font-weight:600}.source-file-info small{color:#adb5aa;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.change-file{color:#6e9b8d;cursor:pointer;background:0 0;border:0;padding:5px;font-size:8px}.tool-button{color:#74887a;cursor:pointer;text-align:left;background:#f7f8f2;border:1px solid #e5eade;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;font-size:9px;transition:background .2s;display:flex}.tool-button:hover:not(:disabled){background:#f0f5ec}.tool-tag{color:#9aad9f;margin-left:auto;font-size:7px}.tool-caption{color:#a7b0a8;margin:6px 1px 0;font-size:8px;line-height:1.6}.stamp-card{padding:13px 15px 15px}.stamp-heading{color:#6e8176;align-items:center;gap:7px;margin-bottom:12px;font-size:10px;font-weight:650;display:flex}.stamp-heading svg{color:#83a999}.field-label{color:#939e94;margin-bottom:5px;font-size:8px;display:block}.date-label{margin-top:10px}.text-field{color:#5e7067;background:#fdfdfa;border:1px solid #e9eae2;border-radius:7px;outline:0;width:100%;height:32px;padding:0 9px;font-size:9px;transition:border-color .18s,box-shadow .18s}.text-field:focus{border-color:#a3c6b8;box-shadow:0 0 0 3px #86b7a421}.text-field::placeholder{color:#c0c6bd}.date-field{color:#7b8a80}.lab-actions{flex-direction:column;align-items:stretch;gap:7px;display:flex}.save-gel{border-radius:10px;min-height:43px;font-size:10px}.flat-save{color:#8d9990;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:29px;font-size:8px}.flat-save:hover:not(:disabled){color:#5e8577;background:#f1f4ec}.quiet-back{color:#a4ada6;cursor:pointer;background:0 0;border:0;align-self:center;align-items:center;gap:4px;padding:4px 6px;font-size:8px;display:inline-flex}.quiet-back:hover{color:#668d80}.lab-footnote{color:#a5aea5;align-items:center;gap:6px;margin-top:11px;font-size:8px;display:flex}.lab-footnote svg{color:#9bb3a5}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{color:#abb3ad;letter-spacing:.13em;background:#f6f5f0;border-top:1px solid #e6e7e1;justify-content:space-between;align-items:center;min-height:31px;padding:0 34px;font-size:7px;font-weight:700;display:flex}.app-footer i{color:#92b4a5;margin:0 4px;font-style:normal}.is-dragging:after{content:"";z-index:8;pointer-events:none;border:2px dashed #6da598;border-radius:18px;position:fixed;inset:8px}.drop-overlay{z-index:9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#2d4c452b;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay>div{color:#507f73;background:#fafdf7f2;border:1px solid #ffffffc2;border-radius:18px;flex-direction:column;align-items:center;gap:9px;padding:28px 38px;display:flex;box-shadow:0 14px 50px #2a57482b}.drop-overlay strong{color:#52756b;font-family:Yu Mincho,serif;font-size:17px;font-weight:500}.drop-overlay span{color:#94a99c;font-size:10px}@media (width>=1450px){.main-panel{padding-left:max(70px,50vw - 725px);padding-right:max(70px,50vw - 725px)}.album-spread,.album-page{min-height:485px}.empty-book{min-height:385px}.lab-workspace{grid-template-columns:minmax(450px,1fr) 326px;gap:18px}}@media (width<=1120px){.topbar{padding:0 22px}.top-nav{margin-left:33px}.app-content{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:12px}.main-panel{padding-left:27px;padding-right:27px}.lab-workspace{grid-template-columns:minmax(300px,1fr) minmax(250px,275px);gap:11px}.gel-stage{min-height:495px}.control-card,.stamp-card{padding-left:12px;padding-right:12px}.album-page{padding-left:15px;padding-right:15px}}@media (width<=860px){.app-content{grid-template-columns:1fr}.sidebar{display:none}.main-panel{padding:29px 22px 35px}.album-spread,.album-page{min-height:385px}.empty-book{min-height:293px}.lab-workspace{grid-template-columns:minmax(0,1fr) 270px}.gel-stage{min-height:500px}.app-footer{padding:0 22px}}@media (width<=680px){body{min-width:340px}.topbar{height:66px;padding:0 14px}.brand-mark{border-radius:11px;width:33px;height:33px}.brand strong{font-size:15px}.brand small{font-size:7px}.top-nav{gap:0;margin-left:auto;margin-right:6px}.nav-item{justify-content:center;width:39px;padding:0;font-size:0}.nav-item svg{width:18px;height:18px}.nav-item.active:after{left:8px;right:8px}.topbar-actions{gap:8px;margin-left:5px}.local-pill{display:none}.button-small{min-height:34px;padding:0 10px;font-size:9px}.app-content{min-height:calc(100vh - 96px)}.main-panel{padding:24px 13px 28px}.page-heading{align-items:flex-start}h1{margin-top:11px;font-size:24px}.page-heading p,.lab-heading-row p{max-width:280px;font-size:10px}.collection-count{gap:4px;padding-top:0}.collection-count strong{font-size:22px}.collection-count span{font-size:6px}.album-toolbar{margin-top:22px}.album-spread{grid-template-columns:1fr 15px;min-height:420px;padding:0}.album-page-left{border-radius:7px 0 0 7px;grid-column:1;min-height:420px}.album-spine{grid-area:1/2}.album-page-right{display:none}.album-page{padding:17px 12px 31px}.empty-book{min-height:345px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px;margin:17px 2px 0}.tile-art{height:clamp(112px,35vw,160px)}.add-tile{min-height:130px}.page-label{font-size:6px}.lab-heading-row{align-items:flex-start;gap:7px}.maker-mini-link{gap:6px;max-width:139px;padding:7px;font-size:7px}.maker-mini-link b{font-size:8px}.maker-mini-icon{flex:0 0 26px;width:26px;height:26px}.maker-mini-link>svg{width:12px}.lab-stepper{gap:5px;margin:19px 0 11px;font-size:8px}.step{gap:4px}.step i{width:17px;height:17px;font-size:7px}.step-rule{width:15px}.lab-workspace{grid-template-columns:1fr}.gel-stage{border-radius:14px;height:390px;min-height:350px}.lab-controls{grid-template-columns:1fr 1fr;align-items:start;gap:9px;display:grid}.control-card,.stamp-card,.lab-actions{grid-column:1/-1}.control-card,.stamp-card{padding:13px}.lab-footnote{align-items:flex-start;line-height:1.7}.lab-footnote svg{flex:0 0 14px;margin-top:1px}.app-footer{min-height:30px;padding:0 13px;font-size:6px}.notice{margin:-9px 0 14px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#073c63;--muted:#52738a;--teal:#00aede;--teal-dark:#0073b8;--paper:#f7fcff;--line:#92dcf1;--neon-blue:#00b7e7;--acid:#ffe500;--ink-pink:#ff4da2;--violet:#7947ff;--deep:#073c63;color:var(--deep);font-family:Arial Rounded MT Bold,Trebuchet MS,Yu Gothic UI,sans-serif}body{background:#b6efff}.app-shell{background:radial-gradient(circle at 4% 10%,#ffe500e6 0 5px,#0000 6px),radial-gradient(circle at 97% 13%,#ff4da2db 0 10px,#0000 11px),radial-gradient(circle at 18% 88%,#7947ffb3 0 4px,#0000 5px),linear-gradient(132deg,#8be8ff 0%,#ebfcff 34%,#d2f9ff 100%)}.app-shell:before,.app-shell:after{content:"";z-index:0;pointer-events:none;filter:saturate(1.12);border-radius:47% 53% 61% 39%/44% 43% 57% 56%;position:fixed}.app-shell:before{background:#ffe50099;width:310px;height:170px;top:115px;right:-105px;transform:rotate(-17deg);box-shadow:-22px 37px 0 -13px #ff4da280,-83px 53px 0 -49px #7947ff6b}.app-shell:after{background:#00aede54;width:220px;height:160px;bottom:34px;left:-91px;transform:rotate(28deg);box-shadow:82px -18px 0 -47px #ff4da261}.topbar,.sidebar,.main-panel,.app-footer{z-index:1;position:relative}.topbar{border-bottom:3px solid var(--deep);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#f8feffe0;height:80px;box-shadow:0 5px #ffe500f2}.brand{gap:12px}.brand-mark{background:var(--acid);box-shadow:3px 3px 0 var(--deep), inset 3px 3px #ffffffad;border-radius:50% 45% 51% 47%;transform:rotate(-9deg)}.brand-mark:before{background:linear-gradient(145deg,#ff64b3,#ff1688 78%);width:19px;height:21px;box-shadow:inset 3px 3px 4px #fffc,0 2px #073c6347}.brand strong{color:var(--deep);letter-spacing:.035em;text-transform:uppercase;font-family:Impact,Arial Rounded MT Bold,sans-serif;font-size:18px}.brand small{color:var(--violet);letter-spacing:.2em;font-size:8px}.top-nav{gap:8px;margin-left:62px}.nav-item{height:39px;color:var(--deep);letter-spacing:.09em;border:2px solid #0000;border-radius:999px;padding:0 15px;font-size:11px;font-weight:800}.nav-item:hover,.nav-item.active{color:var(--deep);background:var(--acid);border-color:var(--deep);box-shadow:3px 3px 0 var(--deep);transform:translate(-1px,-1px)}.nav-item.active:after{display:none}.local-pill{color:var(--deep);font-weight:800}.local-pill>span{background:var(--ink-pink);width:8px;height:8px;box-shadow:0 0 0 3px #ff4da22e}.button,.maker-import,.tool-button,.sound-toggle,.round-arrow,.flat-save,.quiet-back,.add-tile,.text-button,.side-link,.icon-button,.change-file{transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s,filter .14s!important}.button:hover:not(:disabled),.maker-import:hover,.tool-button:hover:not(:disabled),.sound-toggle:hover,.round-arrow:hover,.flat-save:hover,.add-tile:hover,.side-link:hover{transform:translateY(-2px)rotate(-.35deg)}.button:active:not(:disabled),.maker-import:active,.tool-button:active:not(:disabled),.sound-toggle:active,.round-arrow:active,.flat-save:active,.add-tile:active,.side-link:active,.text-button:active{transform:translateY(3px)scale(.95)!important;box-shadow:0 0 #0000!important}.button-primary{color:var(--deep);background:var(--acid);border:2px solid var(--deep);box-shadow:4px 5px 0 var(--deep), inset 2px 2px 0 #ffffffb8;font-weight:900}.button-primary:hover:not(:disabled){box-shadow:5px 7px 0 var(--deep), inset 2px 2px 0 white;background:#fff170}.button-light{color:#fff;background:var(--violet);border:2px solid var(--deep);box-shadow:4px 5px 0 var(--deep)}.button-small{border-radius:999px}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--ink-pink);outline-offset:4px}.sidebar{border-right:3px solid var(--deep);background:#f0fcffd6;box-shadow:5px 0 #ffe500eb}.sidebar-kicker{color:var(--violet);font-weight:900}.side-link{min-height:46px;color:var(--deep);letter-spacing:.035em;border:2px solid #0000;border-color:var(--deep);box-shadow:4px 4px 0 var(--deep);background:#d8f8ff;border-radius:14px;font-weight:800}.side-link:nth-of-type(2){background:#fff17a}.side-link:hover{border-color:var(--deep);box-shadow:5px 6px 0 var(--deep);background:#a5efff}.side-link:nth-of-type(2):hover{background:#fff8ab}.side-link.selected{color:var(--deep);border-color:var(--deep);box-shadow:0 0 0 var(--deep);transform:translate(4px,4px)}.side-link.selected:hover{box-shadow:0 0 0 var(--deep);transform:translate(4px,4px)}.sidebar .side-link+.side-link{margin-top:13px}.side-link b{color:#fff;background:var(--ink-pink);border:1px solid var(--deep);border-radius:999px}.sidebar-rule{background:var(--deep);height:2px}.maker-card{border:2px solid var(--deep);box-shadow:4px 4px 0 var(--deep);background:linear-gradient(145deg,#ff61af,#ffacd4);border-radius:18px}.maker-orbit{color:var(--deep);background:var(--acid);border:1px solid var(--deep)}.maker-copy strong,.maker-copy span,.maker-link{color:var(--deep)}.maker-import{border:2px solid var(--deep);color:var(--deep);box-shadow:2px 2px 0 var(--deep);background:#fff;border-radius:10px;font-weight:900}.privacy-note{border:2px dashed var(--deep);color:var(--deep);background:#ffffff8c;font-weight:700}.privacy-note svg,.sidebar-version{color:var(--violet)}.main-panel{padding-top:42px}.eyebrow{color:var(--violet);font-weight:900}.eyebrow-dot{background:var(--ink-pink);width:9px;height:9px;box-shadow:3px 3px 0 var(--deep)}.eyebrow-line{background:var(--deep);width:34px;height:3px}h1{color:var(--deep);letter-spacing:.025em;text-transform:uppercase;text-shadow:3px 3px 0 var(--acid);font-family:Impact,Arial Rounded MT Bold,sans-serif;font-size:clamp(34px,3.3vw,49px);font-weight:400;line-height:.98}.page-heading p,.lab-heading-row p{color:var(--deep);font-size:12px;font-weight:800}.collection-count{color:var(--deep);background:var(--acid);border:2px solid var(--deep);box-shadow:3px 3px 0 var(--deep);border-radius:999px;padding:9px 13px}.collection-count strong{color:var(--deep);font-family:Impact,sans-serif}.collection-count span,.album-toolbar{color:var(--deep);font-weight:900}.toolbar-indicator{background:var(--ink-pink);border:1px solid var(--deep);width:10px;height:10px}.toolbar-sub{color:var(--violet);font-weight:900}.text-button{color:var(--violet);font-size:11px;font-weight:900}.album-spread{border:3px solid var(--deep);min-height:462px;box-shadow:9px 11px 0 var(--deep), inset 0 0 0 3px #ffffff61;filter:none;perspective:1800px;background:linear-gradient(135deg,#0ac3ed 0%,#71e7ff 42%,#039bcf 100%);border-radius:29px;padding:14px}.album-spread:before{content:"";pointer-events:none;border:2px solid #ffffff85;border-radius:21px;position:absolute;inset:10px}.album-page{border:2px solid var(--deep);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(140deg,#fffc,#defdffa6);min-height:430px;padding:23px 22px 33px;box-shadow:inset 8px 7px #ffffff57,inset -10px -11px 15px #007cad1f}.album-page,.album-spine{transform-style:preserve-3d;transition:transform .56s cubic-bezier(.2,.86,.23,1.16),opacity .34s,filter .42s}.album-page:before{background:radial-gradient(circle at 16% 10%,#ffe500b8 0 3px,#0000 4px),radial-gradient(circle at 76% 72%,#ff4da26b 0 4px,#0000 5px),linear-gradient(125deg,#fff3,#0000 54%)}.album-page-left{border-radius:20px 4px 4px 20px}.album-page-right{border-radius:4px 20px 20px 4px}.album-spine{background:linear-gradient(90deg,var(--violet),#c742ff 50%,var(--violet));margin:0 -1px;box-shadow:inset 2px 0 #ffffff59,inset -2px 0 #073c637a}.album-spine span{color:var(--acid);font-weight:900}.album-spine i{border:2px solid var(--deep);background:var(--acid);width:9px;height:9px;box-shadow:1px 1px #fff}.page-label,.page-number{color:var(--violet);font-weight:900}.empty-book h2,.right-page-note p{color:var(--deep);font-family:Arial Rounded MT Bold,Yu Gothic UI,sans-serif;font-weight:900}.empty-book p,.note-overline,.note-date,.right-page-cta{color:var(--deep);font-weight:800}.empty-jelly{border:2px solid var(--deep);box-shadow:inset 6px 7px 14px white, inset -8px -10px 14px #7913674d, 5px 6px 0 var(--deep);background:radial-gradient(at 31% 23%,#fff 0 9%,#ffbbe0 28%,#ff4da2 63%,#b6197b)}.empty-star{color:var(--acid);stroke:var(--deep)}.note-stamp{border:2px solid var(--deep);color:var(--deep);background:var(--acid);box-shadow:3px 3px 0 var(--deep)}.right-page-orbit{border:2px dashed var(--ink-pink)}.round-arrow{border:2px solid var(--deep);color:var(--deep);background:var(--acid);box-shadow:3px 3px 0 var(--deep)}.under-book-note{color:var(--deep);font-weight:800}.under-book-note span{background:var(--ink-pink);border:1px solid var(--deep);width:9px;height:9px}.book-clasp{z-index:7;border:3px solid var(--deep);width:108px;height:48px;color:var(--deep);background:var(--acid);box-shadow:5px 6px 0 var(--deep), inset 2px 3px 0 #ffffffa3;cursor:pointer;border-radius:16px 16px 21px 21px;place-items:center;transition:transform .2s cubic-bezier(.28,1.5,.45,1),background .2s;display:grid;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.book-clasp:before{content:"";border:3px solid var(--deep);background:var(--ink-pink);border-radius:50%;width:18px;height:18px;position:absolute;top:9px;box-shadow:inset 2px 2px #fff}.book-clasp-cap{border:3px solid var(--deep);background:var(--violet);border-bottom:0;border-radius:18px 18px 0 0;width:49px;height:26px;position:absolute;top:-21px}.book-clasp-label{letter-spacing:.12em;font-size:8px;font-weight:1000;position:absolute;bottom:3px}.book-clasp:hover{transform:translate(-50%)translateY(-3px)rotate(-2deg)}.book-clasp:active{box-shadow:1px 2px 0 var(--deep);transform:translate(-50%)translateY(4px)scale(.9)}.book-clasp.is-closed{background:#ffb3dc;animation:.46s cubic-bezier(.2,1.7,.35,1) clasp-click;transform:translate(-50%)translateY(-8px)rotate(4deg)}.book-clasp.is-closed .book-clasp-cap{transform-origin:bottom;transform:translateY(-5px)rotate(-10deg)}@keyframes clasp-click{0%{transform:translate(-50%)translateY(3px)scale(.88)}55%{transform:translate(-50%)translateY(-17px)rotate(-8deg)scale(1.06)}to{transform:translate(-50%)translateY(-8px)rotate(4deg)}}.album-spread.is-closed .album-page-left{z-index:5;background:linear-gradient(140deg,#64e8ff 0%,#149eda 54%,#6470ff 100%);position:relative;transform:translate(51%)rotateY(-12deg)scale(.98);box-shadow:inset 8px 7px #ffffff59,inset -11px -13px 18px #073c6345,8px 7px #073c634d}.album-spread.is-closed .album-page-left>*{opacity:0;pointer-events:none;transition:opacity .16s}.album-spread.is-closed .album-page-left:after{content:"MY SEAL BOOK";color:var(--acid);letter-spacing:.04em;text-shadow:3px 3px 0 var(--deep);background:radial-gradient(at 23% 16%,#ffffff7a 0 4px,#0000 5px),radial-gradient(at 77% 75%,#ff4da2bf 0 7px,#0000 8px);border-radius:18px 3px 3px 18px;place-items:center;font-family:Impact,Arial Rounded MT Bold,sans-serif;font-size:clamp(24px,3vw,42px);display:grid;position:absolute;inset:0}.album-spread.is-closed .album-page-right{opacity:0;pointer-events:none;filter:saturate(.7);transform:translate(-47%)rotateY(78deg)scaleX(.22)}.album-spread.is-closed .album-spine{opacity:0;transform:scaleY(.86)}.tile-art{border:2px solid var(--deep);box-shadow:4px 5px 0 var(--deep), inset 2px 2px white;background:linear-gradient(135deg,#f9ffff,#a8f5ff);border-radius:16px}.tile-art:hover{box-shadow:6px 8px 0 var(--deep), inset 2px 2px white}.tile-gel-mark{border:1px solid var(--deep);color:var(--deep);background:var(--acid);font-weight:900}.tile-caption strong,.tile-caption span{color:var(--deep);font-weight:800}.icon-button:hover{color:var(--deep);background:var(--ink-pink)}.add-tile{border:2px dashed var(--deep);color:var(--deep);background:#ffe5008a;border-radius:16px;font-weight:900}.add-tile>span{color:#fff;background:var(--violet);border:2px solid var(--deep)}.add-tile small{color:var(--deep)}.maker-mini-link{border:2px solid var(--deep);color:var(--deep);background:var(--acid);box-shadow:4px 4px 0 var(--deep);border-radius:16px;font-weight:800}.maker-mini-link b,.maker-mini-link:hover{color:var(--deep)}.maker-mini-icon{color:#fff;background:var(--violet);border:1px solid var(--deep)}.lab-stepper{color:var(--deep);font-weight:800}.step i{border:2px solid var(--deep);color:var(--deep);background:#fff}.step.current,.step.completed{color:var(--deep)}.step.current i,.step.completed i{border-color:var(--deep);color:var(--deep);background:var(--acid);box-shadow:2px 2px 0 var(--deep)}.step-rule{background:var(--deep);height:3px}.gel-stage{border:3px solid var(--deep);box-shadow:9px 10px 0 var(--deep), inset 0 0 0 3px #ffffff8a;background:radial-gradient(at 50% 38%,#faffff 0,#b2f5ff 49%,#00a7d9 100%);border-radius:26px}.stage-grid{opacity:.52;background-image:radial-gradient(#073c6338 1px,#0000 1px),linear-gradient(135deg,#0000 48%,#ffffff40 49% 51%,#0000 52%);background-size:18px 18px,47px 47px;-webkit-mask-image:radial-gradient(#000 18%,#0000 92%);mask-image:radial-gradient(#000 18%,#0000 92%)}.stage-topline{color:var(--deep);font-weight:1000}.stage-topline>span:first-child .live-dot,.stage-badge>span{background:var(--ink-pink);box-shadow:2px 2px 0 var(--deep)}.stage-hint,.stage-badge{color:var(--deep);font-weight:900}.stage-hint{border:2px solid var(--deep);background:#ffffffb8;border-radius:999px;padding:6px 10px}.stage-badge{background:var(--acid);border:2px solid var(--deep);border-radius:999px;padding:6px 10px}.stage-empty-content{color:var(--deep)}.stage-empty-content strong{letter-spacing:.04em;font-family:Impact,sans-serif;font-size:24px}.stage-empty-content p{color:var(--deep);font-weight:800}.upload-orb{background:var(--ink-pink);border:3px solid var(--deep);box-shadow:5px 5px 0 var(--deep), inset 3px 3px #ffffff80}.control-card,.stamp-card{border:3px solid var(--deep);box-shadow:6px 7px 0 var(--deep);background:linear-gradient(138deg,#fffffffa,#d3f9ffd4);border-radius:22px;position:relative;overflow:hidden}.control-card:before,.stamp-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(105deg,#ffffffe6,#ff4da238,#0000);border-radius:50%;width:76%;height:68px;position:absolute;top:-26px;left:-16%;transform:rotate(-8deg)}.control-card:after,.stamp-card:after{content:"";z-index:0;pointer-events:none;border:1px solid #ff4da266;border-radius:16px;position:absolute;inset:5px}.control-card>*,.stamp-card>*{z-index:1;position:relative}.control-icon{color:var(--deep);background:var(--acid);border:2px solid var(--deep)}.control-kicker,.material-number,.range-hints,.tool-caption{color:var(--violet);font-weight:800}.control-title-row h2,.control-description,.range-label,.source-file-info strong,.stamp-heading,.field-label{color:var(--deep);font-weight:900}.control-title-row h2,.stamp-heading,.range-label,.source-file-info strong,.field-label,.control-description,.text-field,.x-url-field,.x-import-button{letter-spacing:.025em;font-family:Arial Rounded MT Bold,Yu Gothic UI,Yu Gothic,sans-serif}.control-title-row h2{letter-spacing:.06em;font-size:17px}.material-number{font-family:Impact,Arial Rounded MT Bold,sans-serif}.control-divider{background:var(--deep);opacity:.25;height:2px}input[type=range]{accent-color:var(--ink-pink)}.sound-toggle{border:2px solid var(--deep);color:var(--deep);background:var(--acid);box-shadow:2px 2px 0 var(--deep);border-radius:999px;font-weight:900}.sound-toggle.on{color:#fff;background:var(--violet)}.source-file-row{background:#e7fbff;border:2px solid #073c6338;border-radius:13px}.source-file-icon{color:var(--deep);background:var(--acid)}.change-file{color:var(--violet);font-weight:900}.x-import-row{gap:6px;margin:-2px 0 10px;display:flex}.x-url-field{border:2px solid var(--deep);min-width:0;height:31px;color:var(--deep);background:#ffffffeb;border-radius:10px;outline:none;flex:1;padding:0 8px;font-size:9px}.x-url-field:focus{border-color:var(--violet);box-shadow:2px 2px 0 var(--violet)}.x-url-field::placeholder{color:#7186a2}.x-import-button{border:2px solid var(--deep);color:var(--deep);background:var(--acid);box-shadow:2px 2px 0 var(--deep);cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:3px;padding:0 8px;font-size:8px;font-weight:900;display:inline-flex}.x-import-button:disabled{cursor:wait;opacity:.55}.tool-button{border:2px solid var(--deep);color:var(--deep);background:var(--ink-pink);box-shadow:3px 3px 0 var(--deep);border-radius:13px;font-weight:900}.tool-button>svg{color:var(--deep)}.tool-tag{color:var(--deep);background:#ffffff80;font-weight:900}.text-field{border:2px solid var(--deep);color:var(--deep);background:#fff;border-radius:12px}.save-gel{min-height:48px}.flat-save,.quiet-back{color:var(--deep);font-weight:900}.notice{border:2px solid var(--deep);box-shadow:4px 4px 0 var(--deep);border-radius:14px;font-weight:800}.notice-success{color:var(--deep);background:var(--acid)}.notice-error{color:#fff;background:var(--ink-pink)}.app-footer{border-top:3px solid var(--deep);color:#fff;background:var(--deep);font-weight:900}.app-footer i{color:var(--acid)}.drop-overlay{background:#073c6359}.drop-overlay>div{border:3px solid var(--deep);color:var(--deep);background:var(--acid);box-shadow:8px 9px 0 var(--deep);border-radius:24px}.drop-overlay strong{color:var(--deep);font-family:Impact,sans-serif}.drop-overlay span{color:var(--deep);font-weight:800}@media (width<=680px){.topbar{border-bottom-width:2px;height:69px}.brand strong{font-size:14px}.brand small{display:none}.nav-item{border-radius:12px;width:43px}h1{font-size:34px}.album-spread{border-radius:23px;min-height:428px;padding:10px}.album-page{min-height:404px}.book-clasp{top:-15px;transform:translate(-50%)scale(.82)}.book-clasp.is-closed{transform:translate(-50%)translateY(-8px)rotate(4deg)scale(.82)}.gel-stage{box-shadow:5px 6px 0 var(--deep);border-radius:20px}.control-card,.stamp-card{box-shadow:4px 5px 0 var(--deep);border-radius:17px}}@media (width>=861px){.topbar{z-index:4;border-right:3px solid var(--deep);border-bottom:3px solid var(--deep);width:224px;height:104px;box-shadow:5px 5px 0 var(--acid);padding:0 20px;position:absolute;top:0;left:0}.topbar .top-nav,.topbar .topbar-actions{display:none}.sidebar{min-height:100vh;padding-top:122px}.sidebar-kicker{display:none}.sidebar-rule{margin-top:24px}.main-panel{padding-top:36px}}.book-count-row{align-items:center;min-height:22px}.topbar .brand{box-shadow:3px 3px 0 var(--deep);opacity:1;background:#ffffffeb;border-radius:15px;padding:7px 8px 7px 3px}.topbar .brand strong{-webkit-text-fill-color:white;-webkit-text-stroke:0;background:var(--deep);text-shadow:none;padding:2px 5px 1px;font-size:18px;line-height:1.1;display:inline-block;color:#fff!important}.topbar .brand small{-webkit-text-fill-color:var(--violet);padding-left:5px;font-weight:1000;color:var(--violet)!important}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}