@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/shippori-mincho-japanese-500-normal-CTb6p72h.woff2)format("woff2"),url(/assets/shippori-mincho-japanese-500-normal-R9weR132.woff)format("woff")}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-jp-japanese-400-normal-Cy9Yahyj.woff2)format("woff2"),url(/assets/noto-sans-jp-japanese-400-normal-CVXqO_9z.woff)format("woff")}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-jp-japanese-500-normal-D5_20nac.woff2)format("woff2"),url(/assets/noto-sans-jp-japanese-500-normal-Cc_gnXs3.woff)format("woff")}:root{--bg:#f7f6f2;--surface:#fcfbf8;--text:#181818;--text-secondary:#666;--text-muted:#8a8882;--border:#d5d3ce;--border-strong:#99968f;--inverse:#f7f6f2;--error:#9a342c;--focus:#2457c5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--page-padding:16px;--font-en:"Cormorant Garamond", Georgia, serif;--font-ja:"Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-ui:"Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-family:var(--font-ui);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:14px;font-weight:400;line-height:22px}*{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}h1:focus:not(:focus-visible){outline:none}button:active{opacity:.9}.app-shell{width:100%;max-width:480px;min-height:100dvh;margin-inline:auto}.page{padding:calc(var(--space-8) + env(safe-area-inset-top,0px)) max(var(--page-padding), env(safe-area-inset-right,0px)) calc(88px + env(safe-area-inset-bottom,0px)) max(var(--page-padding), env(safe-area-inset-left,0px))}.wordmark{font:600 32px/36px var(--font-en);letter-spacing:.05em}.tagline{margin-top:var(--space-2);font:500 15px/24px var(--font-ja);color:var(--text-secondary)}.home-header{margin-bottom:var(--space-10)}.section-label{font:600 12px/16px var(--font-en);letter-spacing:.12em}.pick-instruction{margin-top:var(--space-2);color:var(--text-secondary)}.palette-list{margin-top:var(--space-6);border-top:1px solid var(--border)}.palette-block{width:100%;padding:var(--space-6) 0;border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;display:block}.palette-heading{gap:var(--space-2);margin-bottom:var(--space-4);align-items:center;display:flex}.palette-title{font:600 16px/24px var(--font-en)}.palette-count{color:var(--text-secondary);white-space:nowrap;font-size:12px;line-height:18px}.palette-arrow{font:400 22px/24px var(--font-ui);margin-left:auto}.swatch-grid{gap:2px;display:grid}.swatch-grid-12{grid-template-columns:repeat(6,minmax(0,1fr))}.swatch-grid-24{grid-template-columns:repeat(8,minmax(0,1fr))}.swatch{border:1px solid var(--border);height:24px;display:block}.page-title,.top-bar h1{font:600 24px/30px var(--font-en);letter-spacing:.05em}.page-description{margin-top:var(--space-3);color:var(--text-secondary)}.placeholder-note{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);color:var(--text-secondary)}.bottom-nav{z-index:1;width:100%;max-width:480px;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--text-secondary);letter-spacing:.06em;border-top:2px solid #0000;justify-content:center;align-items:center;font-size:10px;line-height:14px;text-decoration:none;display:flex}.bottom-nav a[aria-current=page]{border-top-color:var(--text);color:var(--text);font-weight:500}.bottom-nav a:focus-visible{outline-offset:-6px}.bottom-nav a:hover{text-underline-offset:4px;text-decoration:underline}.top-bar{gap:var(--space-2);height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--page-padding) 0;border-bottom:1px solid var(--border);align-items:center;display:flex}.back-button{background:0 0;border:0;width:44px;min-width:44px;height:44px;padding:0;font-size:24px}.back-button:hover{text-decoration:underline}.child-page{padding:var(--space-6) var(--page-padding) calc(var(--space-6) + env(safe-area-inset-bottom,0px));color:var(--text-secondary)}@media (width>=360px){:root{--page-padding:20px}}@media (width>=400px){:root{--page-padding:24px}}@media (width>=481px){.app-shell{border-inline:1px solid var(--border)}.bottom-nav{max-width:478px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.result-page{color:var(--text)}.result-colors{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.color-index{margin-bottom:var(--space-2);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:12px;font-weight:500;line-height:16px;display:block}.result-bar{border:1px solid var(--border);width:100%;height:36px}.color-name{margin-top:var(--space-2);font:600 20px/24px var(--font-en)}.color-name-ja{color:var(--text-secondary);font-size:12px;line-height:18px}.result-actions{margin-top:var(--space-6);gap:var(--space-3);display:grid}.action-button{min-height:48px;padding:var(--space-3) var(--space-2);letter-spacing:.04em;width:100%;font-size:14px;font-weight:500;line-height:20px}.action-button.secondary{border:1px solid var(--border-strong);background:0 0}.action-button.primary{background:var(--text);color:var(--inverse);border:1px solid var(--text)}.phase-note,.result-notice{color:var(--text-secondary);font-size:12px;line-height:18px}.result-notice{min-height:18px}@media (width>=360px){.result-bar{height:40px}}.prompt-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.prompt-heading-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.prompt-id{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:12px;line-height:18px}.prompt-text{margin-top:var(--space-4);font:500 20px/32px var(--font-ja);overflow-wrap:anywhere}button:disabled{opacity:.42;cursor:not-allowed}.save-error,.history-error{color:var(--error)}.month-heading{margin-block:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.month-heading h2{font:500 24px/32px var(--font-ui);font-variant-numeric:tabular-nums;margin:0}.month-button,.retry-button{border:1px solid var(--border);background:0 0;min-width:44px;min-height:44px}.month-button{font-size:22px}.weekdays{text-align:center;height:24px;color:var(--text-secondary);grid-template-columns:repeat(7,minmax(0,1fr));font-size:10px;line-height:24px;display:grid}.weekday-short{display:none}.calendar-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-day{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;background:0 0;min-width:0;height:64px;padding:0;position:relative}.calendar-day:focus-visible{outline-offset:-3px;z-index:1}.day-number{font-variant-numeric:tabular-nums;font-size:11px;line-height:14px;position:absolute;top:5px;left:5px}.adjacent .day-number{color:var(--text-secondary)}.calendar-day[aria-current=date]:after{content:"";border-top:1px solid var(--text);border-right:1px solid var(--text);width:6px;height:6px;position:absolute;top:4px;right:4px}.calendar-day.selected:before{content:"";border:2px solid var(--text);pointer-events:none;position:absolute;inset:1px}.day-bars{gap:2px;display:grid;position:absolute;top:25px;left:7px;right:7px}.day-bars>span{border:1px solid var(--border);height:4px}.day-more{font-variant-numeric:tabular-nums;font-size:10px;line-height:14px;position:absolute;top:43px;right:7px}.calendar-caption{margin-top:var(--space-6);color:var(--text-secondary)}.history-error,.history-warning{margin-top:var(--space-6)}.retry-button{margin-top:var(--space-2);padding-inline:var(--space-4)}.history-warning{color:var(--text-secondary)}.detail-page{color:var(--text);padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.detail-date{font:500 24px/32px var(--font-ui);font-variant-numeric:tabular-nums;margin:0}.detail-date span{font-size:14px}.empty-date,.saved-notice{margin-top:var(--space-6)}.history-entry{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.entry-heading{justify-content:space-between;align-items:baseline;display:flex}.entry-heading time,.entry-source{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.entry-source{margin-block:var(--space-3) var(--space-6)}.detail-bar{border:1px solid var(--border);width:100%;height:56px}.history-entry h3,.history-entry h4{margin-bottom:0}.settings-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.settings-section p{margin-top:var(--space-3)}@media (width<=340px){.weekday-long{display:none}.weekday-short{display:inline}}@media (width>=360px){.calendar-day{height:68px}}@media (width>=400px){.calendar-day{height:72px}}.pwa-button{margin-top:var(--space-3)}html{scroll-padding-block:12px calc(88px + env(safe-area-inset-bottom,0px))}main,.top-bar{overflow-wrap:anywhere}.top-bar,.child-page{padding-left:max(var(--page-padding), env(safe-area-inset-left,0px));padding-right:max(var(--page-padding), env(safe-area-inset-right,0px))}