/*! tailwindcss v4.2.1 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-outline-style:solid;--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:ui-sans-serif, system-ui, 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;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,ui-sans-serif, system-ui, 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{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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-start{inset-inline-start:calc(var(--spacing) * -1)}.start{inset-inline-start:var(--spacing)}.-end{inset-inline-end:calc(var(--spacing) * -1)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#251b3f;--muted:#766f86;--paper:#f7f4f0;--panel:#fffdf9;--line:#e9e2dc;--accent:#ff4d79;--purple:#6f4bd8}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-rounded), "Yu Gothic", sans-serif;margin:0}button,input,textarea{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}.control-page{background:radial-gradient(circle at 0% 20%, #ff4d790f, transparent 26rem), radial-gradient(circle at 100% 80%, #6f4bd80f, transparent 28rem), var(--paper);min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#fffdf9eb;justify-content:space-between;align-items:center;height:82px;padding:0 max(24px,50vw - 720px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-badge{background:var(--accent);color:#fff;border-radius:13px 9px 14px 8px;place-items:center;width:44px;height:44px;font-size:24px;font-weight:900;line-height:1;display:grid;transform:rotate(-4deg);box-shadow:3px 3px #251b3f}.brand>span:last-child{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:.03em;font-size:17px}.brand small{color:var(--muted);font-family:var(--font-display), sans-serif;letter-spacing:.19em;font-size:9px;font-weight:700}.save-status{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:700;display:flex}.topbar-actions{align-items:center;gap:9px;display:flex}.share-service-button,.logout-button{border:1px solid var(--line);min-height:35px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:0 12px;font-size:11px;font-weight:800;text-decoration:none}a.share-service-button{justify-content:center;align-items:center;display:inline-flex}.share-service-button{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.share-service-button{border-color:color-mix(in srgb, var(--accent) 28%, var(--line))}}.share-service-button{color:var(--accent)}.share-service-button:hover,.logout-button:hover{border-color:var(--accent)}.account-chip{border:1px solid var(--line);max-width:180px;min-height:35px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#faf8fc;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex;overflow:hidden}.account-chip i{background:#35bc83;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #35bc8324}.save-status span{background:#35bc83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #35bc8324}.status-loading span,.status-saving span{background:#f5ad37;animation:1s infinite pulse;box-shadow:0 0 0 3px #f5ad3724}.status-error span{background:#e33f5c;box-shadow:0 0 0 3px #e33f5c24}@keyframes pulse{50%{opacity:.5}}.workspace{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:36px;width:min(1440px,100% - 48px);margin:0 auto;padding:40px 0 72px;display:grid}.section-heading,.card-title-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-heading{margin-bottom:20px}.section-heading h1,.card-title-row h2{letter-spacing:-.03em;margin:4px 0 0}.section-heading h1{font-size:clamp(26px,3vw,40px);font-weight:900}.section-heading p{color:var(--muted);margin:0 0 4px;font-size:11px}.eyebrow{color:var(--accent);font-family:var(--font-display), sans-serif;letter-spacing:.19em;font-size:10px;font-weight:700}.control-card,.preview-section,.settings-card{border:1px solid var(--line);background:var(--panel);border-radius:26px;box-shadow:0 18px 44px #2d1e470d}.counter-control{padding:34px 42px 24px;position:relative;overflow:hidden}.counter-control:after{content:"";border:26px solid #ff4d790f;border-radius:50%;width:160px;height:160px;position:absolute;top:-55px;right:-42px}.field-label{text-align:center;color:var(--muted);letter-spacing:.08em;font-size:12px;font-weight:700;display:block}.big-counter{justify-content:center;align-items:baseline;gap:12px;margin:4px 0 19px;display:flex}.big-counter input{width:min(100%,410px);color:var(--ink);font-family:var(--font-display), sans-serif;letter-spacing:-.045em;text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:0;font-size:clamp(84px,10vw,132px);font-weight:700;line-height:1.05}.big-counter input:focus{text-shadow:0 0 #0000}.big-counter span{color:var(--accent);font-family:var(--font-display), sans-serif;letter-spacing:.06em;font-size:20px;font-weight:700}.counter-actions{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.counter-actions button{cursor:pointer;min-height:68px;font-family:var(--font-display), sans-serif;background:#faf8fc;border:1px solid #e3dce8;border-radius:16px;font-size:22px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s}.counter-actions button:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #251b3f14}.counter-actions button:active{transform:translateY(1px)}.counter-actions small{margin-right:2px;font-size:16px}.counter-actions .minus{color:#6f6680}.counter-actions .plus{background:var(--accent);border-color:#ff4d7940}@supports (color:color-mix(in lab, red, red)){.counter-actions .plus{background:color-mix(in srgb, var(--accent) 9%, white)}}.counter-actions .plus{color:var(--accent)}.counter-actions .primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 7px 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.counter-actions .primary{box-shadow:0 7px 18px color-mix(in srgb, var(--accent) 27%, transparent)}}.reset-button{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #ddd5e3;border-radius:11px;flex-direction:column;align-items:center;gap:2px;margin:18px auto 0;padding:8px 14px;font-size:11px;font-weight:800;display:flex}.reset-button:hover{border-color:var(--accent);color:var(--ink)}.reset-button small{color:var(--accent);font-size:9px;font-weight:700}.record-card{margin-top:22px;padding:28px 30px}.card-title-row{align-items:center}.card-title-row h2{font-size:19px;font-weight:900}.record-count{color:#7965a5;background:#f0ebf8;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700}.record-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:22px 0 16px;display:grid}.auto-save-note{color:#437360;background:#f2faf6;border-radius:12px;margin:18px 0 0;padding:11px 13px;font-size:10px;font-weight:700;line-height:1.55}.auto-save-note span{color:#fff;background:#54b68c;border-radius:50%;place-items:center;width:17px;height:17px;margin-right:6px;font-size:9px;display:inline-grid}.record-form input,.setting-field>input,.setting-field>textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #ded7e1;border-radius:12px;outline:none;padding:0 14px}.setting-field>input{height:47px}.setting-field>textarea{resize:vertical;min-height:84px;padding-top:11px;padding-bottom:11px;line-height:1.55}.record-form input:focus,.setting-field>input:focus,.setting-field>textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.record-form input:focus,.setting-field>input:focus,.setting-field>textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}}.line-size-list{border:1px solid #e4dce8;border-radius:13px;margin-top:10px;overflow:hidden}.line-size-row{background:#fbf9fc;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:7px 10px 7px 13px;display:flex}.line-size-row+.line-size-row{border-top:1px solid #e9e2ec}.line-size-row>span{color:#51495f;align-items:baseline;gap:8px;min-width:0;font-size:10px;font-weight:900;display:flex}.line-size-row small{max-width:170px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.size-options.compact{flex:none;grid-template-columns:repeat(3,30px)}.record-form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-size:12px;font-weight:800}.record-list{flex-direction:column;max-height:260px;display:flex;overflow:auto}.record-item{border-top:1px solid #eee7e2;justify-content:space-between;align-items:center;gap:16px;padding:13px 4px;display:flex}.record-item div{flex-direction:column;gap:3px;min-width:0;display:flex}.record-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.record-item time{color:var(--muted);font-size:10px}.record-points{color:var(--purple);font-family:var(--font-display), sans-serif;letter-spacing:.03em;flex:none;font-size:23px;font-weight:700}.record-item small{font-size:9px}.delete-record{color:#aea5b6;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:28px;height:28px;font-size:17px}.delete-record:hover{color:#cf4965;background:#f6edf0}.empty-record{min-height:88px;color:var(--muted);text-align:center;border:1px dashed #ded7e1;border-radius:14px;align-content:center;place-items:center;gap:5px;display:grid}.empty-record span{color:var(--accent)}.empty-record p{margin:0;font-size:11px}.side-column{padding-top:3px}.preview-section{padding:26px}.live-chip{color:#c73558;font-family:var(--font-display), sans-serif;letter-spacing:.08em;background:#fff4f6;border:1px solid #f0d4db;border-radius:7px;padding:5px 9px;font-size:9px;font-weight:700}.live-chip i{background:#f04468;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.preview-frame{aspect-ratio:16/9;border-radius:17px;margin-top:18px;overflow:hidden;box-shadow:0 12px 30px #24193b29}.overlay-buttons{grid-template-columns:1fr auto;gap:9px;margin-top:15px;display:grid}.overlay-buttons button{cursor:pointer;border-radius:12px;height:47px;font-size:12px;font-weight:800}.open-overlay{background:var(--purple);color:#fff;border:0}.open-overlay span{margin-left:5px}.copy-overlay{background:#fff;border:1px solid #ddd5e3;padding:0 16px}.obs-note{color:var(--muted);margin:11px 4px 0;font-size:10px;line-height:1.6}.settings-card{margin-top:20px;padding:26px}.card-title-row.compact{margin-bottom:20px}.setting-field{flex-direction:column;gap:7px;display:flex}.setting-field>span,.background-setting>span{color:#51495f;font-size:11px;font-weight:800}.color-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.color-control{background:#fff;border:1px solid #ded7e1;border-radius:12px;align-items:center;gap:9px;height:47px;padding:0 12px;display:flex}.color-control input{cursor:pointer;background:0 0;border:0;border-radius:7px;width:23px;height:23px;padding:0;overflow:hidden}.color-control code{color:var(--muted);font-family:var(--font-display), monospace;font-size:11px}.background-setting{margin-top:17px}.target-setting{background:#fbf9fc;border:1px solid #e4dce8;border-radius:15px;margin-top:17px;padding:15px}.target-setting-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.target-setting-heading>div{flex-direction:column;gap:3px;min-width:0;display:flex}.target-setting-heading strong{font-size:11px}.target-setting-heading small{color:var(--muted);font-size:9px}.toggle-control{cursor:pointer;align-items:center;gap:6px;display:flex}.toggle-control input{opacity:0;width:1px;height:1px;position:absolute}.toggle-control>span{background:#cec7d3;border-radius:999px;width:35px;height:20px;padding:3px;transition:background .18s}.toggle-control>span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;display:block;box-shadow:0 2px 5px #251b3f2e}.toggle-control input:checked+span{background:var(--accent)}.toggle-control input:checked+span:after{transform:translate(15px)}.toggle-control input:focus-visible+span{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.toggle-control input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--accent) 20%, transparent)}}.toggle-control input:focus-visible+span{outline-offset:2px}.toggle-control b{width:24px;color:var(--muted);font-family:var(--font-display), sans-serif;letter-spacing:.04em;font-size:9px}.target-value-field{color:#51495f;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:10px;font-weight:800;display:flex}.target-value-field>div{align-items:center;gap:7px;display:flex}.target-value-field input{width:98px;height:38px;color:var(--ink);font-family:var(--font-display), sans-serif;text-align:right;background:#fff;border:1px solid #dcd3e0;border-radius:9px;outline:none;padding:0 9px;font-weight:700}.target-value-field input:focus{border-color:var(--accent)}.target-value-field.disabled{opacity:.42}.theme-setting{margin-top:18px}.theme-setting-heading{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.theme-setting-heading strong{font-size:11px}.theme-setting-heading small{color:var(--muted);font-size:9px}.counter-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.counter-theme-option{min-width:0;min-height:68px;color:var(--ink);cursor:pointer;text-align:left;background:#fbf9fc;border:1px solid #e1d9e5;border-radius:14px;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:9px 10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.counter-theme-option:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.counter-theme-option:hover{border-color:color-mix(in srgb, var(--accent) 45%, #e1d9e5)}}.counter-theme-option:hover{transform:translateY(-1px)}.counter-theme-option.active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.counter-theme-option.active{background:color-mix(in srgb, var(--accent) 5%, white)}}.counter-theme-option.active{box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.counter-theme-option.active{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 13%, transparent)}}.counter-theme-option>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.counter-theme-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.counter-theme-option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.counter-theme-option>b{color:var(--accent);opacity:0;font-size:11px}.counter-theme-option.active>b{opacity:1}.counter-theme-swatch{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;display:flex;box-shadow:inset 0 0 0 1px #28183714}.counter-theme-swatch i{border:2px solid #fff;border-radius:999px;width:14px;height:23px;box-shadow:0 2px 5px #2213311f}.counter-theme-swatch i+i{margin-left:-6px}.simple-mode-setting{background:#fbf9fc;border:1px solid #e4dce8;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;padding:12px 15px;display:flex}.simple-mode-setting>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.simple-mode-setting strong{font-size:11px}.simple-mode-setting small{max-width:250px;color:var(--muted);font-size:9px;line-height:1.45}.size-setting{background:#fbf9fc;border:1px solid #e4dce8;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:12px 15px;display:flex}.size-setting>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.size-setting strong{font-size:11px}.size-setting small{color:var(--muted);font-size:9px}.size-options{background:#eee9f1;border-radius:10px;grid-template-columns:repeat(3,34px);gap:2px;padding:3px;display:grid}.size-options button{height:29px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0;font-size:10px;font-weight:900}.size-options button.active{color:var(--accent);background:#fff;box-shadow:0 2px 7px #251b3f1f}.upload-row{gap:8px;margin-top:7px;display:flex}.upload-button,.upload-row button{cursor:pointer;background:#fbf9fc;border:1px dashed #cfc5d5;border-radius:12px;justify-content:center;align-items:center;height:46px;font-size:11px;font-weight:800;display:flex}.upload-button{flex:1;gap:7px}.upload-button input{opacity:0;width:1px;height:1px;position:absolute}.upload-button.disabled{cursor:wait;opacity:.55}.upload-icon{font-size:17px}.upload-row button{border-style:solid;padding:0 13px}.background-setting>small{color:#92899d;margin-top:6px;font-size:9px;display:block}.toast{z-index:50;color:#fff;background:#251b3ff0;border-radius:999px;padding:12px 20px;font-size:12px;font-weight:800;animation:.25s ease-out toast-in;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #251b3f40}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.overlay-view{--counter-text:#fff8ee;min-height:100vh;color:var(--counter-text);background-color:#0000;background-image:radial-gradient(circle at 16% 13%,#ff4d796b,#0000 22%),radial-gradient(circle at 82% 82%,#6b48d585,#0000 28%),linear-gradient(135deg,#271646,#160f2d 52%,#0b1834);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;padding:5.7vw;display:flex;position:relative;overflow:hidden}.overlay-view.simple-overlay{background:0 0;justify-content:flex-start;align-items:flex-start;min-height:100vh;padding:0}.simple-overlay-panel{border:1px solid var(--accent);width:max-content;min-width:171px;min-height:77px;padding:4px 5px 5px}@supports (color:color-mix(in lab, red, red)){.simple-overlay-panel{border:1px solid color-mix(in srgb, var(--accent) 72%, #1d1a28)}}.simple-overlay-panel{color:var(--counter-text);background:#0d0c13eb;border-radius:3px;flex-direction:column;justify-content:center;gap:3px;display:flex;box-shadow:0 2px 8px #00000057}.simple-overlay-title{color:var(--counter-text);letter-spacing:.035em;text-align:center;white-space:nowrap;flex-direction:column;gap:0;margin:0;font-weight:800;line-height:1.08;display:flex}.simple-title-line{display:block}.simple-title-line-large{font-size:13px}.simple-title-line-medium{font-size:11px}.simple-title-line-small{font-size:9px}.simple-digit-row{white-space:nowrap;font-family:var(--font-display), sans-serif;font-variant-numeric:tabular-nums;justify-content:center;align-items:flex-end;gap:4px;line-height:1;display:flex}.simple-digit-group{gap:2px;display:flex}.simple-digit-cell{width:21px;height:28px;color:var(--counter-text);letter-spacing:0;text-shadow:0 1px 3px #00000073;background:linear-gradient(#0000 48%,#ffffff14 49%,#0000 52%),#080711;border:1px solid #ffffff17;border-radius:2px;place-items:center;font-size:24px;font-weight:750;display:grid;box-shadow:inset 0 0 4px #ffffff09}.simple-goal-cell{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.simple-goal-cell{border-color:color-mix(in srgb, var(--accent) 42%, #ffffff17)}}.simple-size-medium .simple-digit-cell{width:19px;height:25px;font-size:21px}.simple-size-small .simple-digit-cell{width:17px;height:22px;font-size:18px}.simple-goal-divider{color:var(--counter-text);align-self:center}@supports (color:color-mix(in lab, red, red)){.simple-goal-divider{color:color-mix(in srgb, var(--counter-text) 50%, transparent)}}.simple-goal-divider{font-size:17px;font-weight:500}.simple-point-unit{color:var(--accent);letter-spacing:.06em;align-self:flex-end;margin-bottom:2px;font-size:9px;font-weight:800}.overlay-view.theme-sakura:not(.simple-overlay){background:radial-gradient(circle at 15% 18%,#ffffffbf,#0000 16%),radial-gradient(circle at 84% 78%,#ff7ea78f,#0000 27%),linear-gradient(135deg,#ffdce9,#d95883 48%,#5d1739)}.theme-sakura .overlay-pattern{opacity:.46;background-image:radial-gradient(at 20% 30%,#ffffffbf 0 4px,#0000 5px),radial-gradient(at 72% 62%,#ffdae7b8 0 5px,#0000 6px),radial-gradient(circle,#ffffff52 0 1.5px,#0000 2px);background-size:92px 74px,118px 96px,24px 24px;-webkit-mask-image:linear-gradient(115deg,#000 8%,#0000 88%);mask-image:linear-gradient(115deg,#000 8%,#0000 88%)}.theme-sakura .counter-card{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-sakura .counter-card{border-color:color-mix(in srgb, var(--accent) 62%, white)}}.theme-sakura .counter-card{background:linear-gradient(145deg,#6f193fe6,#3e1133d1);border-radius:3vw;box-shadow:0 0 0 max(5px,.75vw) #ffe6ef57,0 2.2vw 5vw #53123252,inset 0 0 3vw #ffffff14}.theme-sakura .counter-card:before,.theme-sakura .counter-card:after{background:var(--accent);border-radius:100% 0;width:clamp(24px,3.4vw,55px);height:clamp(12px,1.7vw,28px)}@supports (color:color-mix(in lab, red, red)){.theme-sakura .counter-card:before,.theme-sakura .counter-card:after{background:color-mix(in srgb, var(--accent) 55%, white)}}.theme-sakura .counter-card:before,.theme-sakura .counter-card:after{transform:rotate(-18deg)}.theme-sakura .counter-card:after{transform:scaleX(-1)rotate(-18deg)}.theme-sakura .digit-cell,.theme-sakura .simple-digit-cell{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-sakura .digit-cell,.theme-sakura .simple-digit-cell{border-color:color-mix(in srgb, var(--accent) 58%, white)}}.theme-sakura .digit-cell,.theme-sakura .simple-digit-cell{background:linear-gradient(#0000 49%,#ffffff2b 50%,#0000 51%),linear-gradient(155deg,#fff0f63d,#4e0f3166);border-radius:32% 32% 42% 42%;box-shadow:inset 0 .15vw .35vw #ffffff1f,0 .7vw 1.4vw #4b0a2a40}.theme-sakura .simple-overlay-panel{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-sakura .simple-overlay-panel{border-color:color-mix(in srgb, var(--accent) 72%, white)}}.theme-sakura .simple-overlay-panel{background:linear-gradient(145deg,#6c183df5,#2f0e28f5)}.overlay-view.theme-honey{--theme-panel:linear-gradient(145deg, #5c3612f0, #2c1b12e6);--theme-simple-panel:linear-gradient(145deg, #583210fa, #231711fa);--theme-cell:linear-gradient(155deg, #ffd45047, #47250980);--theme-ring:#ffe17757;--theme-card-radius:1.25vw;--theme-digit-radius:14%}.overlay-view.theme-milk{--theme-panel:linear-gradient(145deg, #fffffff5, #ebe7fbeb);--theme-simple-panel:linear-gradient(145deg, #fffffffa, #e8e3f8fa);--theme-cell:linear-gradient(155deg, #fffffff5, #d2cbedb8);--theme-ring:#ffffffb3;--theme-card-radius:3vw;--theme-digit-radius:1.2vw}.overlay-view.theme-soda{--theme-panel:linear-gradient(145deg, #0c3d74eb, #0a1c4de6);--theme-simple-panel:linear-gradient(145deg, #09487cfa, #081946fa);--theme-cell:linear-gradient(155deg, #66deff3d, #0d316e80);--theme-ring:#8ae7ff4d;--theme-card-radius:2.5vw;--theme-digit-radius:38%}.overlay-view.theme-clover{--theme-panel:linear-gradient(145deg, #115c38eb, #092e27e6);--theme-simple-panel:linear-gradient(145deg, #0d5330fa, #072622fa);--theme-cell:linear-gradient(155deg, #75ee9738, #08402b85);--theme-ring:#92f4aa47;--theme-card-radius:2.4vw;--theme-digit-radius:18% 18% 36% 36%}.overlay-view.theme-lavender{--theme-panel:linear-gradient(145deg, #4d2b89ed, #251852e6);--theme-simple-panel:linear-gradient(145deg, #4f2b8cfa, #1f1546fa);--theme-cell:linear-gradient(155deg, #cb9eff3d, #40267580);--theme-ring:#dbb7ff4d;--theme-card-radius:1.4vw;--theme-digit-radius:22% 7% 22% 7%}.overlay-view.theme-coral{--theme-panel:linear-gradient(145deg, #973933ed, #471e27e6);--theme-simple-panel:linear-gradient(145deg, #963730fa, #3d1b25fa);--theme-cell:linear-gradient(155deg, #ffa47140, #69232885);--theme-ring:#ffbe934d;--theme-card-radius:2.8vw;--theme-digit-radius:38% 38% 18% 18%}.overlay-view.theme-aqua{--theme-panel:linear-gradient(145deg, #0c696beb, #073043e6);--theme-simple-panel:linear-gradient(145deg, #0a6262fa, #062a3dfa);--theme-cell:linear-gradient(155deg, #6df0d53b, #06474e85);--theme-ring:#8bf6de47;--theme-card-radius:2.2vw;--theme-digit-radius:42% 42% 20% 20%}.overlay-view.theme-berry{--theme-panel:linear-gradient(145deg, #7e1a48ed, #371137e8);--theme-simple-panel:linear-gradient(145deg, #7c1843fa, #2f0e30fa);--theme-cell:linear-gradient(155deg, #ff6d8b3d, #52123d87);--theme-ring:#ff98b04d;--theme-card-radius:3vw;--theme-digit-radius:999px}.overlay-view.theme-honey:not(.simple-overlay){background:radial-gradient(circle at 16% 20%,#ffeb9175,#0000 20%),radial-gradient(circle at 82% 80%,#ffad2359,#0000 25%),linear-gradient(135deg,#ffd857,#a86013 50%,#2e211b)}.overlay-view.theme-milk:not(.simple-overlay){background:radial-gradient(circle at 18% 16%,#fffffff5,#0000 24%),radial-gradient(circle at 82% 82%,#c3b8ff73,#0000 28%),linear-gradient(135deg,#fffdf8,#e8e5f6 55%,#c9d7ef)}.overlay-view.theme-soda:not(.simple-overlay){background:radial-gradient(circle at 18% 24%,#99ebff6b,#0000 19%),radial-gradient(circle at 82% 76%,#3278ff73,#0000 28%),linear-gradient(135deg,#36c8f0,#1755b2 48%,#091e57)}.overlay-view.theme-clover:not(.simple-overlay){background:radial-gradient(circle at 14% 18%,#bdffc661,#0000 18%),radial-gradient(circle at 84% 80%,#42c86966,#0000 27%),linear-gradient(135deg,#73df8b,#19845c 48%,#073d38)}.overlay-view.theme-lavender:not(.simple-overlay){background:radial-gradient(circle at 16% 18%,#eed9ff75,#0000 20%),radial-gradient(circle at 84% 79%,#9157eb6b,#0000 27%),linear-gradient(135deg,#c6a0f7,#7750c5 48%,#2d235f)}.overlay-view.theme-coral:not(.simple-overlay){background:radial-gradient(circle at 17% 20%,#ffe1ac7a,#0000 20%),radial-gradient(circle at 83% 80%,#ff5e4e61,#0000 27%),linear-gradient(135deg,#ffb35f,#e2584a 49%,#662b46)}.overlay-view.theme-aqua:not(.simple-overlay){background:radial-gradient(circle at 17% 17%,#cafff26b,#0000 19%),radial-gradient(circle at 83% 82%,#36c7bf66,#0000 28%),linear-gradient(135deg,#65e2c3,#168d91 49%,#093b59)}.overlay-view.theme-berry:not(.simple-overlay){background:radial-gradient(circle at 16% 18%,#ffcbda6e,#0000 19%),radial-gradient(circle at 84% 80%,#ff4a6b61,#0000 28%),linear-gradient(135deg,#ff7892,#aa285f 49%,#401949)}:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) .counter-card{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) .counter-card{border-color:color-mix(in srgb, var(--accent) 68%, white)}}:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) .counter-card{border-radius:var(--theme-card-radius);background:var(--theme-panel);box-shadow:0 0 0 max(5px, .75vw) var(--theme-ring), 0 2.2vw 5vw #0000004d, inset 0 0 3vw #ffffff12}:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) :is(.digit-cell,.simple-digit-cell){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) :is(.digit-cell,.simple-digit-cell){border-color:color-mix(in srgb, var(--accent) 55%, white)}}:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) :is(.digit-cell,.simple-digit-cell){border-radius:var(--theme-digit-radius);background:linear-gradient(to bottom, transparent 49%, #ffffff29 50%, transparent 51%), var(--theme-cell);box-shadow:inset 0 .15vw .35vw #ffffff1c,0 .7vw 1.4vw #0003}:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) .simple-overlay-panel{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) .simple-overlay-panel{border-color:color-mix(in srgb, var(--accent) 68%, white)}}:is(.theme-honey,.theme-milk,.theme-soda,.theme-clover,.theme-lavender,.theme-coral,.theme-aqua,.theme-berry) .simple-overlay-panel{background:var(--theme-simple-panel)}.theme-honey .overlay-pattern{opacity:.38;background-image:radial-gradient(circle,#fff6bd85 0 4px,#0000 5px),linear-gradient(30deg,#0000 46%,#ffffff21 47% 53%,#0000 54%);background-size:46px 40px,68px 68px}.theme-milk .overlay-pattern{opacity:.52;background-image:radial-gradient(circle,#8e79d338 0 3px,#0000 4px),radial-gradient(circle,#ffffffe6 0 8px,#0000 9px);background-size:38px 38px,112px 92px}.theme-soda .overlay-pattern{opacity:.45;background-image:radial-gradient(circle,#0000 0 8px,#d1f7ff7a 9px 10px,#0000 11px),radial-gradient(circle,#ffffff57 0 2px,#0000 3px);background-size:82px 82px,29px 29px}.theme-clover .overlay-pattern{opacity:.4;background-image:radial-gradient(at 35%,#daffdd73 0 6px,#0000 7px),radial-gradient(at 65%,#daffdd73 0 6px,#0000 7px);background-position:0 0,12px 12px;background-size:78px 64px,78px 64px}.theme-lavender .overlay-pattern{opacity:.32;background-image:repeating-linear-gradient(135deg,#0000 0 32px,#fff3 33px 36px,#0000 37px 64px),radial-gradient(circle,#ffffff38 0 2px,#0000 3px);background-size:auto,28px 28px}.theme-coral .overlay-pattern{opacity:.32;background-image:repeating-conic-gradient(from 15deg at 50% 50%, #ffffff30 0 6deg, transparent 7deg 28deg), radial-gradient(circle, #ffeac54d 0 2px, transparent 3px);background-size:170px 170px,27px 27px}.theme-aqua .overlay-pattern{opacity:.4;background-image:radial-gradient(at 50% 100%,#0000 0 14px,#ddfff752 15px 17px,#0000 18px),radial-gradient(circle,#ffffff3d 0 2px,#0000 3px);background-size:72px 40px,30px 30px}.theme-berry .overlay-pattern{opacity:.42;background-image:radial-gradient(circle,#ffdee870 0 6px,#0000 7px),radial-gradient(circle,#ffffff40 0 2px,#0000 3px);background-position:0 0,12px 12px;background-size:76px 76px,27px 27px}.theme-soda .counter-card:before,.theme-soda .counter-card:after,.theme-berry .counter-card:before,.theme-berry .counter-card:after{border-radius:50%;width:clamp(16px,2vw,32px);height:clamp(16px,2vw,32px);transform:none}.theme-clover .counter-card:before,.theme-clover .counter-card:after{border-radius:100% 0;height:clamp(12px,1.6vw,26px);transform:rotate(-24deg)}.theme-lavender .counter-card:before,.theme-lavender .counter-card:after{border-radius:3px 999px 999px 3px;height:clamp(8px,1vw,16px);transform:skew(-18deg)rotate(-2deg)}.theme-milk .card-footer,.theme-milk .goal-divider{color:#40354f80}.theme-milk .target-progress-track{background:#40354f17;border-color:#40354f1f}.overlay-pattern{opacity:.22;background-image:linear-gradient(135deg,#0000 47%,#ffffff1c 48% 51%,#0000 52%),radial-gradient(circle,#ffffff2e 0 1.5px,#0000 2px);background-size:70px 70px,25px 25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#000,#0000 75%);mask-image:linear-gradient(115deg,#000,#0000 75%)}.counter-card{border:max(2px, .25vw) solid var(--accent);width:min(100%,1030px);padding:4.5% 5% 3.5%}@supports (color:color-mix(in lab, red, red)){.counter-card{border:max(2px, .25vw) solid color-mix(in srgb, var(--accent) 80%, white)}}.counter-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#110b26c7;border-radius:1.8vw;position:relative;box-shadow:0 0 0 max(5px,.75vw) #0e0a1f70,0 2.2vw 5vw #00000061,inset 0 0 2.5vw #ffffff09}.counter-card:before,.counter-card:after{content:"";background:var(--accent);width:4.5vw;max-width:72px;height:.55vw;position:absolute;top:-1.1vw;transform:skew(-28deg)}.counter-card:before{left:8%}.counter-card:after{right:8%}.counter-kicker{align-items:center;gap:1.3vw;display:flex}.kicker-mark{color:var(--accent);font-family:var(--font-display), sans-serif;letter-spacing:.24em;font-size:clamp(9px,1vw,18px);font-weight:700}.kicker-line{background:linear-gradient(90deg, var(--accent), transparent);flex:1;height:1px}@supports (color:color-mix(in lab, red, red)){.kicker-line{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 60%, transparent), transparent)}}.kicker-dot{background:var(--accent);width:.7vw;min-width:6px;height:.7vw;min-height:6px;box-shadow:0 0 1vw var(--accent);border-radius:50%}.overlay-title{color:var(--counter-text);letter-spacing:.09em;text-align:center;text-shadow:0 .3vw .9vw #0000004d;flex-direction:column;align-items:center;gap:.12em;margin:2.2% 0 2.4%;font-weight:900;line-height:1.2;display:flex}.title-line{overflow-wrap:anywhere;max-width:100%;display:block}.title-line-large{font-size:clamp(20px,3.8vw,64px)}.title-line-medium{font-size:clamp(17px,3vw,50px)}.title-line-small{font-size:clamp(14px,2.2vw,37px)}.digit-row{justify-content:center;align-items:flex-end;gap:1.15%;display:flex}.digit-group{flex-direction:column;align-items:center;gap:.45vw;display:flex}.digit-group-label{color:var(--accent);font-family:var(--font-display), sans-serif;letter-spacing:.18em;font-size:clamp(7px,.75vw,12px);font-weight:700}.digit-cells{justify-content:center;gap:.65vw;display:flex}.goal-divider{color:#ffffff59;font-family:var(--font-display), sans-serif;align-self:center;margin-top:1.1vw;font-size:clamp(25px,4vw,64px);font-weight:500}.digit-cell{aspect-ratio:.78;width:clamp(64px,8vw,125px);color:var(--counter-text);font-family:var(--font-display), sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 .45vw 1vw #0000007a;background:linear-gradient(#0000 49.5%,#ffffff1c 50%,#0000 50.5%),linear-gradient(155deg,#ffffff21,#ffffff06);border:max(1px,.12vw) solid #ffffff21;border-radius:.75vw;place-items:center;font-size:clamp(55px,9vw,150px);font-weight:700;line-height:1;display:grid;box-shadow:inset 0 .1vw .2vw #ffffff14,0 .75vw 1.4vw #0003}.digit-size-medium .digit-cell{width:clamp(54px,6.8vw,106px);font-size:clamp(46px,7.5vw,126px)}.digit-size-small .digit-cell{width:clamp(44px,5.6vw,88px);font-size:clamp(38px,6.2vw,104px)}.with-target .digit-cell{width:clamp(42px,5.7vw,90px);font-size:clamp(36px,6.2vw,105px)}.with-target.digit-size-medium .digit-cell{width:clamp(36px,4.8vw,76px);font-size:clamp(31px,5.2vw,88px)}.with-target.digit-size-small .digit-cell{width:clamp(30px,4vw,64px);font-size:clamp(26px,4.4vw,74px)}.goal-digit{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.goal-digit{border-color:color-mix(in srgb, var(--accent) 42%, transparent)}}.goal-digit{background:linear-gradient(to bottom, transparent 49.5%, var(--accent) 50%, transparent 50.5%), linear-gradient(155deg, var(--accent), #ffffff06)}@supports (color:color-mix(in lab, red, red)){.goal-digit{background:linear-gradient(to bottom, transparent 49.5%, color-mix(in srgb, var(--accent) 20%, transparent) 50%, transparent 50.5%), linear-gradient(155deg, color-mix(in srgb, var(--accent) 18%, transparent), #ffffff06)}}.point-unit{color:var(--accent);font-family:var(--font-display), sans-serif;letter-spacing:.05em;align-self:flex-end;margin:0 0 2.1% .8%;font-size:clamp(13px,2.2vw,38px);font-weight:700}.target-progress{width:83%;margin:2.6% auto 0}.target-progress-label{color:var(--counter-text);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:2vw;margin-bottom:.7%;font-size:clamp(8px,1.1vw,18px);font-weight:900;display:flex}.target-progress-label strong{color:var(--accent);font-family:var(--font-display), sans-serif;letter-spacing:.12em;font-size:.72em}.target-progress-track{background:#ffffff17;border:1px solid #ffffff1f;border-radius:999px;height:clamp(5px,.75vw,12px);overflow:hidden}.target-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent));height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.target-progress-track span{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, white))}}.target-progress-track span{box-shadow:0 0 1.2vw var(--accent);transition:width .24s}.target-reached .target-progress-label>span{color:var(--accent);text-shadow:0 0 1.2vw var(--accent)}@supports (color:color-mix(in lab, red, red)){.target-reached .target-progress-label>span{text-shadow:0 0 1.2vw color-mix(in srgb, var(--accent) 55%, transparent)}}.card-footer{color:#ffffff75;font-family:var(--font-display), sans-serif;letter-spacing:.24em;justify-content:space-between;align-items:center;margin-top:2.6%;font-size:clamp(7px,.75vw,13px);font-weight:600;display:flex}.footer-stars{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.footer-stars{color:color-mix(in srgb, var(--accent) 76%, white)}}.footer-stars{letter-spacing:.4em}.preview-frame .overlay-view{min-height:100%;padding:5%}.preview-frame .overlay-view.simple-overlay{padding:0}.preview-frame .counter-card{padding:4.5% 5% 3.5%}.preview-frame .title-line-large{font-size:clamp(9px,1.5vw,22px)}.preview-frame .title-line-medium{font-size:clamp(8px,1.2vw,18px)}.preview-frame .title-line-small{font-size:clamp(6px,.9vw,14px)}.preview-frame .digit-cell{width:clamp(25px,3.8vw,50px);font-size:clamp(22px,4.4vw,60px)}.preview-frame .digit-size-medium .digit-cell{width:clamp(21px,3.2vw,42px);font-size:clamp(19px,3.7vw,51px)}.preview-frame .digit-size-small .digit-cell{width:clamp(18px,2.7vw,36px);font-size:clamp(16px,3.1vw,43px)}.preview-frame .with-target .digit-cell{width:clamp(18px,2.8vw,37px);font-size:clamp(16px,3.1vw,43px)}.preview-frame .with-target.digit-size-medium .digit-cell{width:clamp(16px,2.35vw,32px);font-size:clamp(14px,2.65vw,37px)}.preview-frame .with-target.digit-size-small .digit-cell{width:clamp(14px,2vw,27px);font-size:clamp(12px,2.25vw,31px)}.preview-frame .digit-group{gap:.18vw}.preview-frame .digit-group-label{font-size:clamp(3px,.28vw,5px)}.preview-frame .goal-divider{margin-top:.4vw;font-size:clamp(10px,1.5vw,21px)}.preview-frame .kicker-mark{font-size:clamp(5px,.45vw,8px)}.preview-frame .point-unit{font-size:clamp(6px,.9vw,13px)}.preview-frame .target-progress-label{font-size:clamp(4px,.48vw,7px)}.preview-frame .target-progress-track{height:clamp(2px,.3vw,4px)}.preview-frame .card-footer{font-size:clamp(4px,.35vw,6px)}.share-counter-card{border:1px solid var(--accent);margin-top:14px;padding:13px 14px}@supports (color:color-mix(in lab, red, red)){.share-counter-card{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line))}}.share-counter-card{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.share-counter-card{background:color-mix(in srgb, var(--accent) 4%, white)}}.share-counter-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.share-counter-card>div{gap:3px;display:grid}.share-counter-card strong{font-size:11px}.share-counter-card small{color:var(--muted);font-size:9px;line-height:1.45}.share-counter-card button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;flex:none;min-height:35px;padding:0 12px;font-size:9px;font-weight:900}.loading-page,.overlay-error{background:radial-gradient(circle at 30% 20%, #ff4d791a, transparent 22rem), radial-gradient(circle at 75% 80%, #6f4bd81a, transparent 24rem), var(--paper);min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.loading-mark,.auth-brand-mark{background:var(--accent);color:#fff;box-shadow:5px 5px 0 var(--ink);place-items:center;font-weight:900;display:grid;transform:rotate(-4deg)}.loading-mark{border-radius:17px 12px 18px 11px;width:58px;height:58px;font-size:30px}.loading-page p{margin:0;font-size:12px;font-weight:800}.overlay-error{text-align:center;padding:28px}.overlay-error strong{color:var(--ink);font-size:clamp(18px,3vw,28px)}.overlay-error span{font-size:13px}.auth-page{background:radial-gradient(circle at 5% 10%, #ff4d791f, transparent 28rem), radial-gradient(circle at 92% 88%, #6f4bd81f, transparent 32rem), var(--paper);grid-template-columns:minmax(300px,.9fr) minmax(380px,520px);justify-content:center;align-items:center;gap:clamp(50px,9vw,150px);min-height:100vh;padding:clamp(32px,6vw,84px);display:grid;position:relative;overflow:hidden}.service-hub{color:#fff8ee;background:radial-gradient(circle at 12% 8%,#ff4d7933,#0000 34%),radial-gradient(circle at 88% 18%,#2c85ff2e,#0000 36%),#080b12;min-height:100vh;padding:clamp(28px,6vw,76px)}.service-hub-header{justify-content:space-between;align-items:flex-start;gap:24px;width:min(1080px,100%);margin:0 auto 34px;display:flex}.service-hub-header h1{margin:8px 0 6px;font-size:clamp(2rem,5vw,4rem);line-height:1}.service-hub-header p,.service-hub-note{color:#fff8eeb3}.service-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(1080px,100%);margin:0 auto;display:grid}.service-card{color:#fff8ee;background:#141822eb;border:1px solid #ffffff24;border-radius:28px;flex-direction:column;align-items:flex-start;min-height:350px;padding:clamp(26px,4vw,42px);text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 24px 70px #00000052}.service-card:hover,.service-card:focus-visible{border-color:#ffffff5c;outline:none;transform:translateY(-4px);box-shadow:0 30px 90px #0000006b}.service-card-mark{color:#fff;background:linear-gradient(135deg,#ff4d79,#ff834d);border-radius:20px;place-items:center;width:70px;height:70px;margin-bottom:28px;font-size:2rem;font-weight:900;display:grid}.ste-service-card .service-card-mark{background:linear-gradient(135deg,#1779ff,#6f42ff)}.roulette-service-card .service-card-mark{color:#171717;background:#ffd335}.jimaku-service-card .service-card-mark{color:#fff;background:linear-gradient(135deg,#33d9b2,#3480ff)}.service-card h2{margin:12px 0;font-size:clamp(1.55rem,3vw,2.2rem)}.service-card p{color:#fff8eeb3;max-width:34em;margin:0 0 28px;line-height:1.8}.service-card strong{color:#fff;margin-top:auto}.service-hub-note{text-align:center;width:min(1080px,100%);margin:22px auto 0}@media (width<=760px){.service-hub-header{flex-direction:column;align-items:stretch}.service-picker{grid-template-columns:1fr}.service-card{min-height:290px}}.auth-page:before,.auth-page:after{content:"";pointer-events:none;border:1px solid #ff4d791f;border-radius:50%;position:absolute}.auth-page:before{width:360px;height:360px;bottom:-190px;left:-210px;box-shadow:0 0 0 54px #ff4d7906}.auth-page:after{border-color:#6f4bd81f;width:280px;height:280px;top:-140px;right:-160px;box-shadow:0 0 0 44px #6f4bd806}.auth-intro,.auth-card{z-index:1;position:relative}.auth-brand-mark{border-radius:21px 14px 22px 13px;width:70px;height:70px;margin-bottom:34px;font-size:37px}.auth-intro h1{letter-spacing:-.055em;margin:13px 0 20px;font-size:clamp(34px,4.4vw,64px);font-weight:900;line-height:1.17}.auth-intro>p{max-width:560px;color:var(--muted);margin:0;font-size:14px;font-weight:600;line-height:1.9}.auth-intro ul{color:var(--ink);gap:12px;margin:30px 0 0;padding:0;font-size:13px;font-weight:800;list-style:none;display:grid}.auth-intro li{align-items:center;gap:10px;display:flex}.auth-intro li span{background:var(--accent);border-radius:50%;width:22px;height:22px}@supports (color:color-mix(in lab, red, red)){.auth-intro li span{background:color-mix(in srgb, var(--accent) 12%, white)}}.auth-intro li span{color:var(--accent);place-items:center;font-size:11px;display:grid}.auth-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf9f2;border-radius:30px;padding:clamp(28px,4vw,45px);box-shadow:0 28px 80px #2d1e471a}.auth-tabs{border:1px solid var(--line);background:#f6f2f6;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:32px;padding:4px;display:grid}.auth-tabs button{height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:12px;font-weight:900}.auth-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 4px 14px #2d1e4714}.auth-card-heading h2{letter-spacing:-.035em;margin:7px 0 8px;font-size:clamp(22px,3vw,30px)}.auth-card-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.auth-form{gap:17px;margin-top:28px;display:grid}.auth-form label{gap:7px;display:grid}.auth-form label>span{color:var(--ink);letter-spacing:.04em;font-size:11px;font-weight:900}.auth-form input{width:100%;height:50px;color:var(--ink);background:#fff;border:1px solid #ded7e4;border-radius:13px;outline:none;padding:0 15px;font-size:14px;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.auth-form input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent)}}.auth-form label small{color:var(--muted);font-size:10px}.auth-error{color:#c92749;background:#e33f5c0f;border:1px solid #e33f5c33;border-radius:10px;margin:-2px 0 0;padding:10px 12px;font-size:11px;font-weight:800;line-height:1.5}.auth-submit{background:var(--accent);color:#fff;cursor:pointer;min-height:52px;box-shadow:0 9px 22px var(--accent);border:0;border-radius:14px;margin-top:3px;font-size:13px;font-weight:900}@supports (color:color-mix(in lab, red, red)){.auth-submit{box-shadow:0 9px 22px color-mix(in srgb, var(--accent) 25%, transparent)}}.auth-submit:hover{transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-caution{border-top:1px solid var(--line);color:var(--muted);margin:22px 0 0;padding-top:19px;font-size:10px;line-height:1.65}@media (width<=1050px){.workspace{grid-template-columns:1fr;max-width:760px}.side-column{padding:0}.auth-page{grid-template-columns:minmax(280px,430px) minmax(360px,480px);gap:45px}.preview-frame .title-line-large{font-size:clamp(10px,3.4vw,30px)}.preview-frame .title-line-medium{font-size:clamp(9px,2.8vw,24px)}.preview-frame .title-line-small{font-size:clamp(7px,2.1vw,18px)}.preview-frame .digit-cell{font-size:clamp(36px,11vw,93px)}}@media (width<=820px){.auth-page{padding:36px 20px 54px;display:block}.auth-intro{max-width:520px;margin:0 auto 30px}.auth-intro h1 br{display:none}.auth-card{max-width:520px;margin:0 auto}.share-service-button,.account-chip{display:none}}@media (width<=600px){.topbar{height:70px;padding:0 16px}.brand strong{font-size:14px}.brand small{display:none}.brand-badge{width:38px;height:38px;font-size:21px}.save-status{padding:7px 9px;font-size:10px}.topbar-actions{gap:6px}.share-service-button,.account-chip{display:none}.logout-button{min-height:32px;padding:0 9px;font-size:9px}.workspace{gap:18px;width:min(100% - 24px,760px);padding:25px 0 48px}.section-heading{flex-direction:column;align-items:flex-start;gap:5px}.section-heading p{display:none}.counter-control,.record-card,.preview-section,.settings-card{border-radius:20px}.counter-control{padding:27px 17px 21px}.big-counter input{font-size:clamp(70px,26vw,112px)}.counter-actions{grid-template-columns:repeat(2,1fr)}.counter-actions button{min-height:60px}.record-card,.preview-section,.settings-card{padding:20px}.record-form{grid-template-columns:1fr}.record-form button{height:46px}.color-grid{grid-template-columns:1fr}.share-counter-card{flex-direction:column;align-items:stretch}.auth-page{padding:24px 14px 40px;display:block}.auth-intro{max-width:520px;margin:0 auto 24px;padding:14px 8px 0}.auth-brand-mark{width:52px;height:52px;box-shadow:4px 4px 0 var(--ink);border-radius:15px 10px 16px 9px;margin-bottom:24px;font-size:28px}.auth-intro h1{margin:8px 0 12px;font-size:clamp(29px,10vw,43px)}.auth-intro>p{font-size:12px;line-height:1.75}.auth-intro ul{gap:8px;margin-top:20px;font-size:11px}.auth-card{border-radius:22px;max-width:520px;margin:0 auto;padding:23px 19px}.auth-tabs{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}