:root {
  
  --color-ink: #263d34;          
  --color-main: #263d34;         
  --color-main-2: #38654c;       
  --color-accent: #99CCFF;       
  --color-accent-2: #99CCFF;     
  --color-base: #fffdfd;         
  --color-pale: #f4f5ef;         
  --color-line: #d7ddd4;         
  --color-on-dark: #ffffff;      
  --color-on-dark-line: rgb(255 255 255 / 0.6);
  --color-error: #c8312b;        
  --color-shadow: rgb(13 26 51 / 0.18);

  
  --bg-dark: linear-gradient(160deg, var(--color-main) 0%, var(--color-ink) 100%);
  --bg-accent: linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-2) 100%);

  
  --font-body: "Zen Kaku Gothic New", sans-serif;
  --font-head: "Dela Gothic One", sans-serif;
  --font-en: "Unbounded", sans-serif;
  
  --fs-min: 13px;
  
  --fs-base: clamp(13px, min(2.12dvh, 3.85vw), 18px);
  --fs-ui: max(var(--fs-min), 13px);   
  --fs-input: 16px;                     
  --fw-body: 900;                
  --ls-body: 0.03em;
  --lh-body: 1.7;
  --lh-head: 1.4;

  
  --col: 480px;                  
  --header-h: 56px;
  --gutter: 24px;                
  --sp-1: .4em;                
  --sp-p: .7em;                
  --sp-g: 1em;                 
  --pad-y: 1.2em;                
  --next-h: 0px;                 
  --radius-pill: 999px;
  --radius-s: 6px;
  --shadow-soft: 0 0 10px 0 var(--color-shadow);
  --shadow-column: none;

  
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --rise: 16px;                  
  --dur-in: 500ms;
  --dur-hover: 300ms;
}

@media (max-height: 600px) { :root { --pad-y: 0.7em; } }

:root{--pink:#FADDE3;--green:#B8E6A0;--peach:#FFE2C7;--blue:#99CCFF;--paper:#fffdfd;--pale-green:#f0f5eb;--pale-peach:#fff3e9;--pale-blue:#edf4fb;--muted:#e8ede4;--ink-soft:#476d55;--warm-ink:#6e452f;--icon-shadow:#b8cead;--pink-shadow:#e5bdc5;--blue-shadow:#b9cfe5;--transparent:transparent;--stroke:3px;--head-size:clamp(24px,3.55dvh,31px);--fig-h:clamp(65px,15dvh,125px);--ghost-size:86px;--float-y:5px;--float-duration:4.4s;--motion-rotate:3deg;--marquee-duration:30s;--label-size:13px;}
@media(max-height:650px){:root{--sp-g:.65em;--fig-h:65px;--head-size:24px;--float-y:3px;--sp-p:.5em;--lh-body:1.6}}

:root{--art-0:#263d34;--art-1:#655343;--art-2:#688a7b;--art-3:#78b7dc;--art-4:#99CCFF;--art-5:#B8E6A0;--art-6:#FADDE3;--art-7:#FFE2C7;--art-8:#bd765c;--art-9:#e3b754;--art-10:#e8ede4;--art-11:#f2ad9b;--art-12:#fffdfd;}

:root{--full-art-0:#263d34;}

:root{--full-art-1:#655343;}

:root{--full-art-2:#688a7b;}

:root{--full-art-3:#FADDE3;}

:root{--full-art-4:#FFE2C7;}

:root{--full-art-5:#bd765c;}

:root{--full-art-6:#f2ad9b;}

:root{--full-art-7:#fffdfd;}