:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#f1f4f2;background:#101416;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#101416;--surface:#171d1f;--ink:#f1f4f2;--muted:#aab7b0;--sage:#a8d5c2;--line:#303c37;--sub:#78867f}*{box-sizing:border-box}html{min-width:300px}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--sage);outline-offset:3px}::selection{background:#a8d5c255}.loading{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}.app-shell{min-height:100dvh;padding-bottom:105px}.content-shell{width:min(100%,780px);margin:auto;padding:0 clamp(20px,6vw,42px)}.app-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{background:none;border:0;color:var(--ink);font-size:23px;font-weight:680;letter-spacing:.08em;padding:12px 0}.wordmark-period{color:var(--sage)}.header-caption{color:var(--sub);font-size:12px;letter-spacing:.12em}.page-overline{color:var(--sage);font-size:11px;font-weight:700;letter-spacing:.18em;margin-top:52px}.today-screen h1,.history-screen h1,.settings-screen h1,.detail-screen h1{font-size:clamp(33px,7vw,56px);font-weight:560;letter-spacing:-.04em;line-height:1.2;margin:16px 0 12px}.lead{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 40px}.hero-stat{background:#1b2422;border:1px solid #3e5148;border-radius:24px;padding:28px 30px 25px;position:relative;overflow:hidden}.hero-stat:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #34483d;border-radius:50%;right:-85px;top:-125px;pointer-events:none}.eyebrow{color:var(--sage);font-size:12px;font-weight:700;letter-spacing:.16em}.hero-number{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px}.hero-number strong{font-size:clamp(76px,17vw,116px);line-height:1;font-weight:470;letter-spacing:-.09em}.hero-number span{font-size:18px;color:var(--muted)}.hero-stat p{font-size:13px;color:var(--muted);margin:0}.stat-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:27px 0 29px;gap:20px}.stat-row>div{display:flex;flex-direction:column;gap:10px}.stat-row>div+div{border-left:1px solid var(--line);padding-left:24px}.stat-row span{font-size:12px;color:var(--sub)}.stat-row strong{font-size:25px;font-weight:560;letter-spacing:-.04em}.stat-row small{font-size:13px;font-weight:400;color:var(--muted)}.launch-stat{color:var(--sub);font-size:12px}.primary{height:58px;width:100%;background:var(--sage);border:1px solid var(--sage);border-radius:16px;color:#10261d;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .09s ease,background .12s ease;touch-action:manipulation}.primary:active:not(:disabled){transform:scale(.99);background:#bee6d4}.primary:disabled{opacity:.38}.write-cta{margin-top:26px;justify-content:space-between;padding:0 25px}.recent{margin-top:47px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading h2,.settings-section h2{font-size:18px;font-weight:600;letter-spacing:-.02em}.section-heading button{background:transparent;border:0;color:var(--sage);font-size:12px;padding:14px 0}.entry-row{width:100%;background:transparent;color:var(--muted);border:0;border-top:1px solid var(--line);padding:18px 1px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px}.entry-row strong{display:block;color:var(--ink);font-size:13px;font-weight:550;margin-bottom:9px}.entry-row small{font-size:12px;color:var(--sub);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(75vw,620px)}.entry-row>span:last-child{color:var(--sage)}.empty-state{border:1px dashed var(--line);border-radius:18px;padding:32px;color:var(--sub);font-size:14px;line-height:1.8}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;gap:clamp(18px,8vw,80px);background:#171e1ddd;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:11px 20px max(11px,env(safe-area-inset-bottom));z-index:10}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:0;color:var(--sub);min-width:62px;min-height:52px;padding:3px;font-size:11px}.bottom-nav button span{font-size:22px;line-height:27px}.bottom-nav button.active{color:var(--sage)}.notice{background:#25332e;border:1px solid #496458;border-radius:12px;color:var(--ink);padding:13px 14px;margin-top:18px;font-size:13px;display:flex;justify-content:space-between;gap:10px}.notice button{color:var(--ink);border:0;background:transparent;font-size:18px}.write-shell{min-height:100dvh;display:flex;flex-direction:column;width:min(100%,780px);margin:0 auto;padding:0 clamp(18px,5vw,40px) env(safe-area-inset-bottom)}.demo-ribbon{background:#31483e;color:#d9f0e5;text-align:center;font-size:11px;padding:5px;margin:0 -20px}.write-top{height:115px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:5px}.icon-button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:26px;line-height:1}.write-center{display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap}.write-mode{color:var(--muted);font-size:12px;letter-spacing:.08em}.write-mode i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sage);margin-right:8px;vertical-align:middle}.timer{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.counter{display:flex;justify-self:end;align-items:baseline;gap:5px;color:var(--muted)}.counter strong{color:var(--sage);font-size:29px;font-weight:500;font-variant-numeric:tabular-nums}.counter span{font-size:12px}.writing-area{display:flex;flex-direction:column;flex:1;min-height:0}.intro-line{display:flex;align-items:center;gap:14px;margin:20px 0 29px}.intro-symbol{color:var(--sage);font-size:34px;font-weight:200}.intro-line p{color:var(--muted);font-size:14px;margin:6px 0 0}.editor-frame{position:relative;flex:1;min-height:300px;display:flex;flex-direction:column;background:var(--surface);border:1px solid #34413b;border-radius:20px;overflow:hidden}.editor-frame:focus-within{border-color:#668d78}.release-lines{display:flex;flex-direction:column;gap:18px;padding:40px 24px;animation:releaseLines .32s ease-out forwards}.release-lines span{height:9px;border-radius:9px;background:#799488;width:73%}.release-lines span:nth-child(2){width:51%}.release-lines span:nth-child(3){width:63%}@keyframes releaseLines{to{opacity:0;transform:translateY(-10px)}}.editor-frame textarea{display:block;width:100%;min-height:280px;flex:1;padding:25px 24px 12px;background:transparent;border:0;resize:vertical;color:var(--ink);font-size:20px;line-height:1.7;outline:0;overflow:auto}.editor-frame textarea:focus-visible{outline:0}.editor-frame textarea::placeholder{color:#76847e}.editor-bottom{display:flex;justify-content:space-between;align-items:center;color:#6f8078;font-size:11px;padding:8px 24px 18px;gap:10px}.ink-dot{height:5px;width:5px;background:#5c7c6b;border-radius:50%}.write-footer{padding:19px 0 23px;background:var(--bg)}.finish{font-size:18px}.footer-note{text-align:center;color:var(--sub);font-size:11px;margin-top:11px}.error{background:#362322;border:1px solid #895a51;color:#ffd8d0;border-radius:12px;padding:12px;font-size:13px;margin-bottom:10px}.error button{background:none;border:0;color:#ffd8d0;text-decoration:underline;margin-left:10px}.completion{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 0 50px}.completion-mark{height:90px;width:90px;border:1px solid #577663;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:37px}.completion-mark span{width:5px;height:27px;background:var(--sage);border-radius:8px;transform:rotate(25deg)}.completion-mark span:first-child{height:17px}.completion-mark span:last-child{height:37px}.completion h1{font-size:clamp(36px,9vw,58px);font-weight:540;margin:12px 0}.completion .muted{color:var(--muted);font-size:14px;margin-bottom:55px}.completion .primary{max-width:360px}.history-group{margin:35px 0}.history-group h2{font-size:12px;color:var(--sage);letter-spacing:.1em;font-weight:600}.history-entry{display:block;text-align:left;width:100%;padding:20px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink)}.history-entry-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.history-entry-top em{font-style:normal;border:1px solid #667a6e;border-radius:5px;padding:2px 5px;margin-left:7px;color:var(--sage)}.history-entry p{font-size:16px;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.source{font-size:11px;color:var(--sub)}.text-back{border:0;background:transparent;color:var(--sage);padding:30px 0 0}.detail-meta{color:var(--muted);font-size:12px;margin:22px 0}.saved-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:1.9;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px;min-height:200px}.danger-link{border:0;background:transparent;color:#dba89f;font-size:12px;margin:32px 0;padding:12px 0}.settings-section{border-top:1px solid var(--line);padding:18px 0 32px}.settings-section p{font-size:13px;color:var(--muted);line-height:1.8}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:14px;font-weight:550}.toggle-row small{font-size:12px;color:var(--sub);margin-top:7px}.toggle-row input{accent-color:var(--sage);width:22px;height:22px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.settings-actions button,.file-button,.copy-url{background:#23302a;border:1px solid #52675a;border-radius:12px;color:var(--ink);min-height:48px;padding:12px 16px;font-size:13px;display:inline-flex;align-items:center}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.source-label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:8px;margin:18px 0}.source-label input{height:44px;border-radius:9px;background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:0 12px;max-width:300px}.shortcut-url{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:15px;color:var(--sage);font-size:12px;overflow-wrap:anywhere}.copy-url{margin-top:12px}.settings-foot{color:var(--sub);font-size:12px;line-height:1.7;padding-bottom:20px}@media(max-width:520px){.app-header{height:72px}.header-caption{font-size:10px}.page-overline{margin-top:38px}.hero-stat{padding:24px}.write-top{height:100px}.intro-line{margin:6px 0 20px}.editor-frame{min-height:34dvh}.editor-frame textarea{padding:20px;font-size:20px;min-height:210px}.write-footer{position:sticky;bottom:0;padding:12px 0 max(15px,env(safe-area-inset-bottom))}.write-shell{min-height:100dvh}.saved-text{padding:19px}}@media(max-height:670px){.write-top{height:74px}.intro-line{margin:0 0 10px}.editor-frame{min-height:210px}.editor-frame textarea{min-height:170px}.write-footer{padding:9px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important;scroll-behavior:auto!important}}