:root{--bg:#FAF9F6;--ink:#2B2A26;--ink-subtle:#6E6B63;--accent:#066F6F;--vibe-calm:#7960BD;--vibe-energetic:#137E80;--accent-soft:#DBEBEB;--warn:#C97B4A;--radius:14px;--font-ja:"Hiragino Sans","Noto Sans JP",sans-serif;--font-num:"SF Pro Rounded",ui-rounded,"Hiragino Sans",sans-serif;--font-heading:var(--font-heading-zen),var(--font-ja);--font-control:var(--font-heading);--font-display:var(--font-display-dela),var(--font-heading);--text-speech-size:13px;--text-speech-leading:1.7;--type-speech:500 var(--text-speech-size)/var(--text-speech-leading) var(--font-ja);--type-input:400 16px/1.6 var(--font-ja);--type-body:400 14px/1.7 var(--font-ja);--type-caption:400 12px/1.6 var(--font-ja);--type-label:700 14px/1.5 var(--font-heading);--type-section:700 16px/1.5 var(--font-heading);--type-sheet-title:700 18px/1.4 var(--font-heading);--type-date:700 22px/1.4 var(--font-heading);--type-page-title:400 22px/1.4 var(--font-display);--type-button:700 14px/1.4 var(--font-control);--type-button-primary:400 18px/1.4 var(--font-display);--type-score:400 30px/1.2 var(--font-display);--type-score-compact:400 20px/1.2 var(--font-display);--type-score-long:400 16px/1.2 var(--font-display);--type-number:600 14px/1.5 var(--font-num);--type-number-large:700 20px/1.2 var(--font-num);--type-nav:700 12px/1.4 var(--font-control);--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--control-radius:12px;--action-radius:22px;--control-ease:cubic-bezier(.2,.8,.2,1);--action-bg:#066F6F;--action-ink:#FFFFFF;--action-edge:#164B4B;--control-border:#9AAEAA;--surface:#FFFFFF;--border:rgba(43,42,38,0.09);--accent-ink:#164B4B;--bubble-face:#FFF9EF;--bubble-face-mid:#FBEEDB;--bubble-face-end:#F6E3C8;--bubble-ink:#3B2A1E;--bubble-ink-soft:#6B4F3A;--bubble-extrude:drop-shadow(0 -1px 0 rgba(185,142,96,0.3)) drop-shadow(-1px 0 0 rgba(185,142,96,0.3)) drop-shadow(1px 1px 0 #E6C8A2) drop-shadow(1px 1px 0 #DDBA91) drop-shadow(1px 1px 0 #D3AD80) drop-shadow(1px 1px 0 #C9A273) drop-shadow(1px 2px 0 #B98E60) drop-shadow(3px 8px 8px rgba(43,30,20,0.35));--bubble-tilt:perspective(600px) rotateY(-8deg);--warn-soft:#F3E3D6;--warn-ink:#8B4B27;--accent-rgb:6,111,111;--radius-sm:10px;--radius-lg:26px;--shadow-sm:0 1px 2px rgba(43,42,38,0.05);--shadow-md:0 8px 22px rgba(43,42,38,0.09);--shadow-lg:0 24px 60px rgba(43,42,38,0.16);--density-1:#A7CEC1;--density-2:#6FAA9B;--density-3:#2F6B5E;--clock-ring-shadow:inset 0 0 0 1px rgba(43,42,38,0.045),inset 0 1px 7px rgba(43,42,38,0.03);--char-fur:#E3A76F;--char-fur-shade:#C98552;--char-belly:#FBEEDD;--char-blush:#F0A98B;--char-blush-noriss:#E893A0;--char-outline:#3D2B1F;--char-accent:#1B3A30;--char-fur-counselor:#9BB6AC;--char-fur-shade-counselor:#78988C;--char-belly-counselor:#ECF3EF;--char-blush-counselor:#E3B7A0;--char-fur-nosmoke:#EFE2BC;--char-fur-shade-nosmoke:#D5C093;--char-belly-nosmoke:#FFFBF2;--char-blush-nosmoke:#F3AFA0;--char-fur-nutri:#E7F2EC;--char-fur-shade-nutri:#B9DDCB;--char-belly-nutri:#FFFFFF;--char-blush-nutri:#F6B9C4;--char-ribbon:#BE4A45;--celebrate:#FFD83D;--celebrate-ink:#53450E;--celebrate-rgb:255,216,61;--eq-groove-1:#147B36;--eq-groove-2:#147B61;--eq-groove-3:#146A7B;--eq-groove-4:#143F7B;--mockad-bg:#EAE4D6;--mockad-border:#C9C1A9;--mockad-title:#262218;--mockad-copy:#5C5647;--mockad-tag-bg:#4A4536;--mockad-tag-ink:#FFFFFF;--mockad-cta:#2C5FA8;--mockad-icon-bg:#D8E2F2;color-scheme:light}:root[data-theme=dark]{--action-bg:#71DDCE;--action-ink:#123D38;--action-edge:#358E81;--control-border:#637972;--bg:#1C1B18;--ink:#F2F0EA;--ink-subtle:#A8A399;--accent:#178282;--vibe-calm:#B9A2EE;--vibe-energetic:#68D4C7;--accent-soft:#234242;--accent-ink:#CFEDED;--warn:#D98F5F;--surface:#26251F;--border:rgba(255,255,255,0.08);--warn-soft:#3A2A20;--warn-ink:#D98F5F;--accent-rgb:23,130,130;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 8px 22px rgba(0,0,0,0.34);--shadow-lg:0 24px 60px rgba(0,0,0,0.48);--density-1:#31524A;--density-2:#4E8578;--density-3:#8FD0C1;--clock-ring-shadow:inset 0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 7px rgba(0,0,0,0.15);--char-fur:#E7B37C;--char-fur-shade:#C48A54;--char-belly:#F7E7D2;--char-blush:#E39A79;--char-ribbon:#C8605B;--char-fur-counselor:#9FC2B6;--char-fur-shade-counselor:#6E9384;--char-belly-counselor:#E8F2ED;--char-blush-counselor:#E6BCA3;--char-fur-nosmoke:#F3E9D0;--char-fur-shade-nosmoke:#D9C79C;--char-belly-nosmoke:#FBF6E8;--char-blush-nosmoke:#E9A090;--char-fur-nutri:#EFF7F3;--char-fur-shade-nutri:#A9CDBD;--char-belly-nutri:#FBFAF7;--char-blush-nutri:#EFA3B2;--celebrate:#FACF42;--celebrate-ink:#53450E;--celebrate-rgb:250,207,66;--eq-groove-1:#2C964F;--eq-groove-2:#2C967C;--eq-groove-3:#2F8FA2;--eq-groove-4:#5185CD;--mockad-bg:#332F24;--mockad-border:#55503F;--mockad-title:#F1ECDD;--mockad-copy:#B9B29C;--mockad-tag-bg:#6B6450;--mockad-tag-ink:#FFFFFF;--mockad-cta:#8FB4E8;--mockad-icon-bg:#3D4A63;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--action-bg:#71DDCE;--action-ink:#123D38;--action-edge:#358E81;--control-border:#637972;--bg:#1C1B18;--ink:#F2F0EA;--ink-subtle:#A8A399;--accent:#178282;--vibe-calm:#B9A2EE;--vibe-energetic:#68D4C7;--accent-soft:#234242;--accent-ink:#CFEDED;--warn:#D98F5F;--surface:#26251F;--border:rgba(255,255,255,0.08);--warn-soft:#3A2A20;--warn-ink:#D98F5F;--accent-rgb:23,130,130;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 8px 22px rgba(0,0,0,0.34);--shadow-lg:0 24px 60px rgba(0,0,0,0.48);--density-1:#31524A;--density-2:#4E8578;--density-3:#8FD0C1;--clock-ring-shadow:inset 0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 7px rgba(0,0,0,0.15);--char-fur:#E7B37C;--char-fur-shade:#C48A54;--char-belly:#F7E7D2;--char-blush:#E39A79;--char-ribbon:#C8605B;--char-fur-counselor:#9FC2B6;--char-fur-shade-counselor:#6E9384;--char-belly-counselor:#E8F2ED;--char-blush-counselor:#E6BCA3;--char-fur-nosmoke:#F3E9D0;--char-fur-shade-nosmoke:#D9C79C;--char-belly-nosmoke:#FBF6E8;--char-blush-nosmoke:#E9A090;--char-fur-nutri:#EFF7F3;--char-fur-shade-nutri:#A9CDBD;--char-belly-nutri:#FBFAF7;--char-blush-nutri:#EFA3B2;--celebrate:#FACF42;--celebrate-ink:#53450E;--celebrate-rgb:250,207,66;--eq-groove-1:#2C964F;--eq-groove-2:#2C967C;--eq-groove-3:#2F8FA2;--eq-groove-4:#5185CD;--mockad-bg:#332F24;--mockad-border:#55503F;--mockad-title:#F1ECDD;--mockad-copy:#B9B29C;--mockad-tag-bg:#6B6450;--mockad-tag-ink:#FFFFFF;--mockad-cta:#8FB4E8;--mockad-icon-bg:#3D4A63;color-scheme:dark}}*{box-sizing:border-box}body,html{height:100%;min-height:100dvh}body{margin:0;background:var(--bg);color:var(--ink);font:var(--type-body);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased}.shell{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;overflow:hidden;position:relative}@media (min-width:768px){body{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:color-mix(in srgb,var(--bg) 82%,#000)}.shell{width:390px;height:min(calc(100dvh - 48px),844px);min-height:0;overflow:hidden;contain:paint;border-radius:28px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:0 24px 64px rgba(0,0,0,.35);background:var(--bg)}}.shellMain{flex:1 1;min-height:0;overflow-y:auto;padding:20px 18px 24px}.char3dOverlay{position:absolute;z-index:10;pointer-events:none}[data-ui][data-ui]{box-sizing:border-box;min-height:44px;font:var(--type-button);letter-spacing:.025em;border:1.5px solid var(--control-border);border-radius:var(--control-radius) 4px var(--control-radius) 4px;background:var(--surface);color:var(--ink);box-shadow:0 1px 0 var(--control-border);cursor:pointer;transition:transform 90ms var(--control-ease),box-shadow 90ms ease,background-color 90ms ease,color 90ms ease;-webkit-tap-highlight-color:transparent}[data-ui][data-ui=primary]{position:relative;min-height:56px;padding-inline:20px 38px;font:var(--type-button-primary);letter-spacing:.01em;border:2px solid var(--action-edge);border-radius:var(--action-radius) 8px var(--action-radius) 8px;background:var(--action-bg);color:var(--action-ink);box-shadow:0 4px 0 var(--action-edge),inset 0 1px 0 color-mix(in srgb,currentColor 22%,transparent),inset 0 0 0 3px color-mix(in srgb,currentColor 8%,transparent)}[data-ui][data-ui=primary]:before{content:"";position:absolute;top:calc(50% - 9px);right:12px;width:14px;height:18px;border-radius:1px;background:linear-gradient(currentColor,currentColor) 0 100% /3px 8px no-repeat,linear-gradient(currentColor,currentColor) 5px 100% /3px 18px no-repeat,linear-gradient(currentColor,currentColor) 10px 100% /3px 12px no-repeat;opacity:.5;pointer-events:none}[data-ui=primary] [data-pad-icon]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:50%;background:color-mix(in srgb,currentColor 9%,transparent);pointer-events:none}[data-ui][data-ui=icon]{position:relative;width:44px;height:44px;padding:0;border-radius:50%;box-shadow:inset 0 0 0 3px var(--surface),inset 0 0 0 4px var(--border);font-size:var(--icon-size-md)}[data-ui][data-ui=icon]:before{content:"";position:absolute;top:5px;left:calc(50% - 3px);width:6px;height:2px;border-radius:1px;background:var(--control-border);pointer-events:none}[data-ui][data-ui=segment]{position:relative;border-radius:8px;font:var(--type-button);border-color:transparent;background:transparent;box-shadow:none;color:var(--ink-subtle)}[data-ui][data-ui=segment][aria-pressed=true]:before{content:"";position:absolute;bottom:3px;left:calc(50% - 9px);width:18px;height:3px;border-radius:1px;background:var(--accent-ink);pointer-events:none}[data-ui][data-ui=accent],[data-ui][data-ui=secondary][aria-pressed=true],[data-ui][data-ui=segment][aria-pressed=true]{background:var(--accent-soft);border-color:var(--control-border);color:var(--accent-ink)}@media (hover:hover){[data-ui][data-ui]:not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.04)}}[data-ui][data-ui]:not(:disabled):not([aria-disabled=true]):active{transform:translateY(2px);background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}[data-ui][data-ui=primary]:not(:disabled):not([aria-disabled=true]):active{transform:translateY(2px);color:var(--action-ink);background:color-mix(in srgb,var(--action-bg) 90%,var(--action-ink));box-shadow:0 1px 0 var(--action-edge)}[data-ui][data-ui=primary]:not(:disabled):active:before{opacity:1}[data-ui][data-ui]:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}[data-ui][data-ui]:is(:disabled,[aria-disabled=true]){background:var(--surface);color:var(--ink-subtle);border-color:var(--border);opacity:.65;box-shadow:none;transform:none;cursor:not-allowed}@media (prefers-reduced-motion:reduce){[data-ui][data-ui][data-ui]{animation:none;transition:none}[data-ui][data-ui]:not(:disabled):not([aria-disabled=true]):is(:hover,:active){transform:none}}