@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500&display=swap";:root{color:#253c34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#253c34;--muted:#72796e;--line:#dcded3;--accent:#315849;background:#f5f3ed;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #678776}.app-shell{flex-direction:column;max-width:1180px;min-height:100svh;margin:0 auto;padding:0 64px;display:flex}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:124px;display:flex}.wordmark{letter-spacing:-.9px;align-items:center;font:500 30px/1 Georgia,Times New Roman,serif;text-decoration:none;display:inline-flex}.brand-dot{color:#8e9e85}.brand-mark{border:1.4px solid var(--accent);border-top-color:#0000;border-radius:0 0 11px 11px;width:16px;height:22px;margin-right:12px;position:relative;transform:rotate(24deg)}.brand-mark:after{content:"";background:#9baa8b;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:4px}.account{min-width:0;color:var(--muted);align-items:center;gap:22px;font-size:12px;display:flex}.account-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.text-button{color:var(--muted);text-underline-offset:5px;background:0 0;border:0;padding:6px 0;font-size:12px}.text-button:hover{color:var(--ink);text-decoration:underline}.text-button:disabled{opacity:.5}main{flex:1;width:100%;max-width:800px;margin:0 auto}.intro{padding-top:90px}.eyebrow{letter-spacing:2.2px;color:#7c8874;margin:0 0 24px;font-size:10px;font-weight:500}h1{letter-spacing:.025em;margin:0;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:clamp(25px,3vw,34px);font-weight:400;line-height:1.65}.intro-description{color:var(--muted);margin:18px 0 0;font-size:13px;line-height:2.15}.login-intro{max-width:630px;padding-top:80px;padding-bottom:80px}.login-intro h1{letter-spacing:.06em;font-size:clamp(37px,4.6vw,52px);line-height:1.65}.login-intro .intro-description{margin-top:26px;font-size:14px;line-height:2.25}.login-action{margin-top:38px}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fffef7;border-radius:5px;justify-content:center;align-items:center;gap:22px;min-height:52px;padding:0 23px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,opacity .18s;display:inline-flex}.primary-button:hover:not(:disabled){background:#244435;border-color:#244435}.primary-button:disabled{opacity:.46}.google-letter{font:500 18px Georgia,serif}.google-button{min-width:254px}.login-note{color:var(--muted);margin-top:18px;font-size:11px;line-height:1.9}.capture-form{margin-top:38px}.input-row{background:#fffef9;border:1px solid #cdd3c5;border-radius:7px;align-items:center;gap:12px;padding:9px 10px 9px 23px;transition:border-color .18s;display:flex;box-shadow:0 4px 20px #27372904}.input-row:focus-within{border-color:#678776;box-shadow:0 0 0 2px #67877613}.input-row input{width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-height:46px;font-size:14px}.input-row input:focus-visible{outline:none}.input-row input::placeholder{color:#a0a397;font-size:13px}.capture-button{white-space:nowrap;gap:19px;min-height:46px;padding:0 19px}.input-hint{color:var(--muted);margin:13px 1px 0;font-size:11px;line-height:1.8}.capture-feedback{min-height:55px;padding-top:12px}.saved-message{color:#466451;margin:0;font-size:12px}.saved-message span{margin-right:6px}.error-message{color:#99543f;margin:0;font-size:12px;line-height:1.9}.saved-section{margin-top:50px;margin-bottom:90px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:19px;display:flex}h2{letter-spacing:.04em;margin:0;font-size:13px;font-weight:500}.count{color:#64725f;font-family:Georgia,serif;font-size:19px}.count span{font:10px Noto Sans JP,sans-serif}.empty-state{text-align:center;color:var(--muted);padding:39px 0 25px;font-size:12px}.empty-state p{margin:11px 0 0}.empty-state .muted{color:#8b9185;margin-top:7px;font-size:11px}.empty-mark{border:1px solid #a7b19b;border-top:0;border-radius:0 0 14px 14px;width:27px;height:20px;margin:0 auto 17px;display:block;transform:rotate(-8deg)}.concern-list{margin:0;padding:0;list-style:none}.concern-list li{border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:21px 1px;display:flex}.concern-dot{background:#a5b097;border-radius:50%;flex-shrink:0;align-self:flex-start;width:4px;height:4px;margin-top:10px}.concern-list p{overflow-wrap:anywhere;flex:1;margin:0;font-size:13px;line-height:1.9}.concern-list time{color:#82897b;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.list-status{color:var(--muted);padding:28px 0;font-size:12px}.retry-button{color:var(--accent);margin-top:12px}.retry-button span{margin-left:6px}.site-footer{border-top:1px solid var(--line);color:#8b9185;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 32px;font-size:10px;display:flex}.footer-brand{color:#9da591;font:italic 16px Georgia,serif}.loading-state{color:var(--muted);padding:150px 0;font-size:13px}.secondary-button{color:var(--accent);background:0 0;border:1px solid #a4b09a;border-radius:5px;margin-top:24px;padding:12px 20px;font-size:12px}.session-expired{border:1px solid var(--line);border-radius:5px;margin-bottom:32px;padding:18px 22px;font-size:12px;line-height:1.8}.session-expired .login-action{margin-top:18px}.muted{color:var(--muted)}.retained-draft{margin-top:24px;font-size:12px}.retained-draft input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffef9;border-radius:5px;padding:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.app-shell{padding:0 25px}.site-header{gap:16px;min-height:95px}.wordmark{font-size:27px}.account{gap:12px}.account-name{max-width:95px;font-size:10px}.text-button{font-size:11px}.intro{padding-top:57px}.eyebrow{letter-spacing:1.7px;margin-bottom:21px;font-size:9px}.capture-intro h1{font-size:25px}.intro-description{font-size:12px}.capture-form{margin-top:30px}.input-row{flex-wrap:wrap;gap:12px;padding:14px}.input-row input{flex-basis:100%;min-height:38px;font-size:16px}.capture-button{min-height:42px;margin-left:auto}.saved-section{margin-top:29px;margin-bottom:60px}.concern-list li{flex-wrap:wrap;gap:12px}.concern-list p{flex-basis:calc(100% - 20px)}.concern-list time{margin-left:16px}.login-intro{padding-top:50px;padding-bottom:64px}.login-intro h1{font-size:38px}.login-intro .intro-description{font-size:13px}.site-footer{padding-top:22px;padding-bottom:25px}}@media (prefers-reduced-motion:no-preference){.intro{animation:.45s ease-out appear}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
