*{box-sizing:border-box}html{color-scheme:light;background:#eef6ea;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.6 var(--font);min-width:320px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2b9371;outline-offset:3px}a{color:var(--brand-strong)}h1,h2,h3,p{margin:0}button img{pointer-events:none}img{display:block;max-width:none}input,textarea{min-width:0;max-width:100%;border:0;color:var(--ink);background:transparent;font-size:16px}input::placeholder,textarea::placeholder{color:#7b8a7e}textarea{resize:vertical;line-height:1.65}input[type="datetime-local"]{width:100%;min-height:48px}input[type="checkbox"]{width:20px;height:20px;accent-color:var(--brand)}[hidden]{display:none!important}.app{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;min-height:var(--visible-height,100dvh);margin:0 auto;padding:0 24px;background:linear-gradient(180deg,#e7f7dc 0,#f7fbf2 40%,#fffef8 100%);isolation:isolate}.app-header{display:flex;align-items:center;gap:8px;min-height:88px;padding-top:max(12px,env(safe-area-inset-top));flex-shrink:0}.app-header .header-title{font-size:18px;font-weight:700;line-height:28px}.app-header.root-header .header-title{font-size:26px;line-height:38px}.app-header .header-spacer{flex:1}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;flex-shrink:0}.back-button{margin-left:-10px;margin-right:-2px}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 0;color:var(--brand-strong);font-size:13px;line-height:20px;text-align:left}.header-link{font-size:13px;white-space:nowrap;min-height:44px;padding:4px 0}.page-body{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0;padding:0 0 16px}.page-body.home-body{gap:12px}.intro{display:flex;flex-direction:column;gap:8px}.intro h1{font-size:26px;line-height:38px;font-weight:700;white-space:pre-line;letter-spacing:0}.intro p,.small{font-size:13px;line-height:20px;color:var(--muted)}.section-title{font-size:18px;line-height:28px;font-weight:700}.section-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.section-row .text-button{min-height:28px}.muted{color:var(--muted)}.tiny{font-size:12px;line-height:18px}.card{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);min-width:0}.paper{background:var(--paper)}.card-button{display:block;width:100%;text-align:left}.card-button:active,.choice:active{transform:translateY(1px)}.card h2{font-size:18px;line-height:28px}.card h3{font-size:15px;line-height:24px;font-weight:500;overflow-wrap:anywhere}.card .card-meta{font-size:13px;line-height:20px;color:var(--muted);margin-top:8px}.card-row{display:flex;align-items:center;gap:12px}.card-row-copy{flex:1;min-width:0}.tag{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;min-height:28px;background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}.tag.neutral{background:var(--bg);color:var(--muted)}.tag.action{background:var(--action);color:var(--action-ink)}.tag.wait{background:var(--waiting);color:var(--waiting-ink)}.tag.support{background:var(--support);color:var(--support-ink)}.tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border-radius:999px;padding:12px 20px;background:var(--brand);color:#fff;font-size:15px;font-weight:500;line-height:24px;text-align:center}.btn.secondary{background:var(--brand-soft);color:var(--brand-strong)}.btn.danger{background:var(--support);color:var(--danger)}.btn.small-btn{width:auto;min-height:44px;padding:10px 18px;font-size:13px}.button-row{display:flex;gap:8px;align-items:center}.button-row>*{flex:1}.page-footer{position:sticky;bottom:0;z-index:5;flex-shrink:0;padding:12px 0 max(14px,env(safe-area-inset-bottom));margin-top:auto;background:linear-gradient(0deg,#fffef8 75%,#fffef800);display:flex;flex-direction:column;align-items:stretch;gap:8px}.footer-note{font-size:12px;line-height:18px;color:var(--muted);text-align:center}.bottom-nav{display:flex;justify-content:space-between;align-items:center;min-height:70px;border-radius:999px;background:#fff;padding:8px 24px;box-shadow:var(--shadow)}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;min-height:50px;border-radius:24px;font-size:12px;color:var(--muted)}.nav-button.active{color:var(--brand-strong)}.hero{position:relative;min-height:252px;border-radius:28px;background:linear-gradient(90deg,#d4f1b4,#bfecdd);padding:20px;overflow:hidden}.hero .hero-copy{position:relative;z-index:1;width:168px;pointer-events:none}.hero .tag{width:158px;padding:5px 6px}.hero h1{font-size:26px;line-height:38px;margin-top:8px;font-weight:700;white-space:pre-line}.hero .hero-sub{font-size:13px;line-height:20px;color:var(--muted);margin-top:8px;width:160px}.hero>.btn{position:absolute;z-index:2;left:20px;top:184px;width:156px;min-height:48px;padding:12px;font-size:15px}.scene{position:relative;flex-shrink:0;width:160px;height:197.647px}.scene .scene-bg{position:absolute;left:0;top:0}.scene .scene-cloud{position:absolute;left:11.29px;top:86.59px}.hero>.scene{position:absolute;right:2px;top:34px}.scene.small-scene{width:110px;height:135.882px}.small-scene .scene-cloud{left:7.76px;top:59.53px}.flow-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flow-tile{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:118px;border-radius:20px;padding:12px 8px;text-align:center}.flow-tile.action{background:var(--action)}.flow-tile.wait{background:var(--waiting)}.flow-tile.support{background:var(--support)}.flow-tile strong{font-weight:500;font-size:15px;line-height:24px}.flow-tile span{font-size:12px;line-height:18px;color:var(--muted)}.clay{position:relative;display:block;flex-shrink:0}.clay-inner{position:absolute;left:0;top:0;width:44px;height:44px;transform:scale(var(--clay-scale,1));transform-origin:0 0}.clay-inner>.clay-img{position:absolute;left:-2.063px;top:0}.notepad-back{position:absolute;left:8.25px;top:6.19px;width:28.875px;height:33px;background:linear-gradient(90deg,#a4e7c6,#46ba91);border-radius:9px;box-shadow:0 5.5px 8.25px #326b5321}.notepad-paper{position:absolute;left:11.69px;top:5.5px;width:22px;height:28.188px;background:linear-gradient(90deg,#fff,#e9f9f2);border-radius:6px}.notepad-tab{position:absolute;left:17.88px;top:2.75px;width:11px;height:6.188px;background:linear-gradient(90deg,#8edab3,#4abb8b);border-radius:3px}.notepad-line{position:absolute;left:15.81px;height:2.063px;border-radius:1px;background:linear-gradient(90deg,#75c8a8,#318e6d)}.preview-card{display:flex;flex-direction:column;gap:8px;padding:16px}.preview-card .tag-row{gap:12px}.preview-card .text-button{min-height:28px;justify-content:flex-start}.privacy-note{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:18px;color:var(--muted)}.privacy-note img{margin-top:1px;flex-shrink:0}.capture-card{position:relative;display:flex;flex-direction:column;gap:12px}.capture-card:after{content:'';position:absolute;right:20px;top:8px;width:45px;height:9px;border-radius:4px;background:var(--action)}.capture-card textarea{display:block;width:100%;min-height:86px;font-size:18px;line-height:28px;font-weight:500;padding:0;outline-offset:6px}.capture-tools{display:flex;align-items:center;justify-content:space-between;gap:8px}.draft-list{display:flex;flex-direction:column;gap:12px}.draft-card{position:relative;padding:16px 20px;min-height:90px}.draft-card .card-meta{padding-right:56px}.draft-actions{position:absolute;right:10px;bottom:6px;display:flex;gap:2px}.draft-actions .icon-button{min-width:36px;min-height:36px;font-size:18px}.draft-actions .text-button{font-size:12px;padding:0 6px}.worry-text{overflow-wrap:anywhere;white-space:pre-wrap}.progress-row{display:flex;align-items:center;gap:8px}.choice-list{display:flex;flex-direction:column;gap:16px}.choice{display:flex;align-items:center;gap:12px;min-height:92px;padding:12px 16px;width:100%;background:#fff;border-radius:20px;box-shadow:var(--shadow);text-align:left}.choice strong{font-size:15px;line-height:24px;font-weight:500}.choice p{font-size:13px;line-height:20px;color:var(--muted)}.choice>.choice-arrow{margin-left:auto;color:#72917c;font-size:20px}.form-stack{display:flex;flex-direction:column;gap:16px}.field-label{font-size:18px;line-height:28px;font-weight:700}.field{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 16px;min-height:66px;width:100%;font-size:16px;line-height:26px}.field.error{border-color:var(--danger)}.form-error{color:var(--danger);font-size:13px;line-height:20px;padding:4px 0 0}.info{padding:16px;border-radius:16px;background:var(--brand-soft);color:var(--brand-strong);font-size:13px;line-height:20px;white-space:pre-line}.info.wait{background:var(--waiting);color:var(--waiting-ink)}.info.support{background:var(--support);color:var(--support-ink)}.segmented{display:flex;gap:8px}.pill{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;min-width:0;border-radius:999px;padding:8px;background:var(--bg);color:var(--muted);font-size:12px;line-height:18px;text-align:center}.pill.selected{background:var(--brand-soft);color:var(--brand-strong);box-shadow:inset 0 0 0 1px #147b5914}.pill.selected.support{background:var(--support);color:var(--support-ink)}.time-card{display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left;width:100%}.time-card strong{color:var(--brand-strong);font-size:18px;line-height:28px}.time-label{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:500}.support-message{display:flex;flex-direction:column;gap:10px}.support-message textarea{width:100%;min-height:130px;padding:0}.support-message .small{color:var(--support-ink)}.need-select{display:flex;flex-wrap:wrap;gap:8px}.need-select .pill{flex:auto;padding:10px 12px}.closure-hero{position:relative;min-height:194px;border-radius:28px;padding:18px 20px;overflow:hidden;background:linear-gradient(90deg,#e6f4b9,#d6f2e3)}.closure-hero h1{font-size:26px;line-height:38px}.closure-hero p{font-size:13px;line-height:20px;color:var(--muted);width:196px;margin-top:6px}.closure-hero .tag{position:absolute;left:20px;top:131px}.closure-hero .scene{position:absolute;right:10px;top:55px}.summary-card{display:flex;flex-direction:column;gap:12px;padding:16px}.summary-item{display:flex;gap:12px;align-items:center}.summary-item div{min-width:0;flex:1}.summary-item strong{font-size:15px;font-weight:500;line-height:24px}.summary-item p{font-size:13px;line-height:20px;color:var(--muted);overflow-wrap:anywhere}.reflection{display:flex;flex-direction:column;gap:8px}.reflection>p{font-size:13px;color:var(--muted)}.empty-card{display:flex;flex-direction:column;gap:16px;padding:24px}.empty-card .scene{margin-bottom:0}.empty-card h2{font-size:18px;line-height:28px}.empty-card p{color:var(--muted);white-space:pre-line}.record-card{display:flex;flex-direction:column;gap:10px}.record-card .record-actions{display:flex;gap:8px;margin-top:2px}.record-card .text-button{min-height:36px}.timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:12px}.timeline-dot{width:8px;height:8px;background:#a5cfb3;border-radius:50%;margin-top:8px;flex-shrink:0}.timeline-item p{font-size:12px;line-height:18px;color:var(--muted)}.timeline-item strong{font-size:15px;line-height:24px;font-weight:400}.detail-actions{display:flex;gap:16px;flex-wrap:wrap}.danger-text{color:var(--danger)}.settings-list{display:flex;flex-direction:column;gap:0;padding:0 20px}.settings-row{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;text-align:left;padding:14px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-row>div{flex:1}.settings-row span{font-size:13px;color:var(--muted)}.setting-chev{font-size:20px}.save-banner{background:#fff1d5;color:#805020;padding:12px;border-radius:14px;font-size:13px;line-height:20px;margin-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.save-banner .text-button{min-height:24px;color:#805020;text-decoration:underline}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#22382f55;display:flex;align-items:flex-end;justify-content:center;padding:20px 16px max(20px,env(safe-area-inset-bottom));backdrop-filter:blur(3px)}.modal{display:flex;flex-direction:column;gap:16px;width:100%;max-width:420px;max-height:calc(var(--visible-height,100dvh) - 48px);overflow:auto;padding:24px;background:#fff;border-radius:28px;box-shadow:0 20px 60px #22382f33}.modal h2{font-size:20px;line-height:30px}.modal p{font-size:14px;line-height:24px;color:var(--muted)}.modal .modal-caption{font-size:12px;line-height:18px}.modal ul{margin:0;padding-left:20px;color:var(--muted);font-size:14px;line-height:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header .icon-button{margin-top:-8px;margin-right:-8px}.modal .scene{margin:0 auto;transform:scale(.75);transform-origin:center center;height:150px}.modal textarea{min-height:100px}.modal .btn{flex-shrink:0}.toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translate(-50%,12px);background:#22382f;color:#fff;padding:12px 20px;border-radius:999px;font-size:13px;line-height:20px;max-width:calc(100vw - 40px);width:max-content;opacity:0;pointer-events:none;z-index:50;transition:.18s}.toast.visible{opacity:1;transform:translate(-50%,0)}.desktop-context{display:none}.initial-loading{padding:100px 0;font-weight:700;font-size:28px}.initial-loading span{display:block;font-size:14px;font-weight:400;margin-top:12px}.no-script{margin:24px}.example-note{font-size:12px;line-height:18px;color:var(--waiting-ink);background:var(--waiting);padding:10px 14px;border-radius:14px}.inline-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.link-field{font-size:14px;word-break:break-all;background:var(--bg);border-radius:12px;padding:12px;user-select:all}.done-note{font-size:13px;line-height:20px;color:var(--brand-strong);padding:12px 0}.sheet-body{display:flex;flex-direction:column;gap:12px}.privacy-sections{display:flex;flex-direction:column;gap:14px}.privacy-sections h3{font-size:15px;line-height:24px;font-weight:500}.privacy-sections p{font-size:13px;line-height:20px;margin-top:5px}.empty-inline{padding:24px;color:var(--muted);text-align:center;font-size:14px}.qr-in-modal{margin:0 auto;border-radius:14px;width:180px;height:180px}.screen-enter{animation:page-in .18s ease-out}@keyframes page-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}[data-reduced-motion="true"] *,[data-reduced-motion="true"] *:before,[data-reduced-motion="true"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){.app{padding-left:20px;padding-right:20px}.hero h1{font-size:24px;line-height:38px}.hero>.scene{transform:scale(.72);transform-origin:right center}.hero .hero-copy{width:160px}.hero .hero-sub{width:152px;font-size:12px}.hero>.btn{width:144px}.flow-tiles{gap:10px}.flow-tile{padding:12px 5px}.intro h1{font-size:24px;line-height:36px}.closure-hero .scene{transform:scale(.78);transform-origin:right bottom}.closure-hero h1{font-size:24px}.closure-hero p{width:164px;font-size:12px}.closure-hero .tag{font-size:11px;padding:5px 9px}.bottom-nav{padding:8px 12px}.header-title{max-width:calc(100vw - 150px)}.modal{padding:20px}.capture-card{padding:18px}.choice{padding:12px;gap:8px}.choice p{font-size:12px}}
@media(min-width:640px){body{padding:24px 0}.app{width:390px;min-height:844px;border-radius:32px;box-shadow:0 20px 60px #30684818;overflow:clip}.app-header{min-height:98px;padding-top:30px}.page-footer{padding-bottom:20px}.modal-backdrop{align-items:center}.modal{max-height:calc(100dvh - 64px)}.app-header.root-header .header-title{font-size:26px}.toast{bottom:72px}}
@media(min-width:1050px){body{background:radial-gradient(ellipse at 25% 15%,#e0efc9 0,transparent 48%),#eef6ea}.app{margin-left:calc(50% + 14px)}.desktop-context{display:block;position:fixed;width:280px;left:calc(50% - 330px);top:50%;transform:translateY(-50%);color:var(--ink)}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--brand-strong)}.desktop-context h1{font-size:32px;line-height:1.5;margin:16px 0}.desktop-context p{color:var(--muted);font-size:15px}.desktop-qr{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:28px}.desktop-qr>img{background:#fff;padding:8px;border-radius:18px;box-shadow:var(--shadow)}.desktop-qr>span{font-size:12px;color:var(--muted)}.desktop-context .text-button{margin-top:8px}}