:root{color:#292a28;font-synthesis:none;--ink:#292a28;--muted:#777872;--line:#c9c9bd;--paper:#faf8f1;--mint:#c9ded2;--blue:#b9d5df;--pink:#e8c7c2;--amber1:#ecd99e;--amber2:#e4b568;--amber3:#ce8051;--red:#a84d46;background:#f5f1e8;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:78px}.topbar,main,.bottom-nav{max-width:740px;margin:auto}.topbar{justify-content:space-between;align-items:flex-start;padding:31px 24px 22px;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:32px;font-weight:400}h2{letter-spacing:-.7px;font-size:29px;font-weight:400}h3{font-size:18px;font-weight:400}.eyebrow{color:var(--muted);letter-spacing:1.6px;text-transform:uppercase;margin-bottom:8px;font:600 10px/1.2 ui-sans-serif,system-ui,sans-serif}.icon-button,.close{color:var(--ink);background:0 0;border:0;padding:4px 0;font:22px ui-sans-serif,system-ui,sans-serif}main{padding:8px 24px 32px}.backup-banner{background:var(--pink);color:var(--ink);border-top:1px solid #d8afa9;border-bottom:1px solid #d8afa9;justify-content:center;align-items:center;gap:18px;padding:12px 24px;display:flex}.backup-banner>div{flex-direction:column;gap:3px;font:600 12px ui-sans-serif,system-ui,sans-serif;display:flex}.backup-banner span{color:#665e5a;font-size:11px;font-weight:400}.backup-banner button{border:0;border-bottom:1px solid var(--ink);color:var(--ink);white-space:nowrap;background:0 0;padding:3px 0;font:600 11px ui-sans-serif,system-ui,sans-serif}.date-strip,.page-heading{justify-content:space-between;align-items:end;margin:20px 0 25px;display:flex}.date-strip input{border:0;border-bottom:1px solid var(--line);color:var(--ink);background:0 0;padding:7px 0;font:12px ui-sans-serif,system-ui,sans-serif}.entry-form{background:var(--paper);border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:0 0 19px}.type-tabs{border-bottom:1px solid var(--line);gap:20px;margin-bottom:20px;display:flex}.type-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 0 10px;font:600 11px ui-sans-serif,system-ui,sans-serif}.type-tabs .selected{color:var(--ink);border-color:var(--ink)}label{color:var(--muted);margin:15px 0 8px;font:600 11px ui-sans-serif,system-ui,sans-serif;display:block}textarea,input[type=datetime-local]{border:1px solid var(--line);width:100%;color:var(--ink);outline-color:var(--blue);background:#f3f1e8;border-radius:0;padding:12px}textarea{resize:vertical}.primary{background:var(--ink);color:#fffdf8;border:0;border-radius:0;width:100%;margin-top:18px;padding:13px;font:600 12px ui-sans-serif,system-ui,sans-serif;display:block}.symptoms{flex-wrap:wrap;gap:6px;display:flex}.symptoms button,.import-actions button{border:1px solid var(--line);color:#5d625e;background:0 0;border-radius:0;padding:8px 10px;font:11px ui-sans-serif,system-ui,sans-serif}.symptoms .selected{background:var(--mint);color:var(--ink);border-color:#96b9a6}.range{accent-color:var(--red);width:100%}.entry-form output{float:right;color:var(--ink)}.stool-picker{justify-content:space-between;gap:5px;display:flex}.stool-dot{border:1px solid var(--line);background:0 0;border-radius:0;flex:1;padding:8px}.stool-dot span{font:600 15px ui-sans-serif,system-ui,sans-serif;display:block}.stool-dot.selected{outline:2px solid var(--ink);outline-offset:-3px}.stool-summary{align-items:center;gap:14px;padding:15px 0 4px;display:flex}.stool-summary p,.guide-card p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45}.stool-art{flex:none;width:58px;height:44px;position:relative}.stool-art span{background:#705744;border-radius:50%;display:block;position:absolute}.art-1 span:first-child,.art-1 span:nth-child(2),.art-1 span:nth-child(3){width:14px;height:14px;top:18px}.art-1 span:first-child{left:2px}.art-1 span:nth-child(2){left:20px}.art-1 span:nth-child(3){left:38px}.art-2 span:first-child{width:42px;height:15px;top:15px;left:8px;transform:rotate(-10deg)}.art-3 span:first-child{border-radius:12px 16px 13px 10px;width:49px;height:13px;top:15px;left:4px;transform:rotate(8deg)}.art-4 span:first-child{border-radius:10px;width:53px;height:15px;top:15px;left:2px}.art-5 span:first-child,.art-5 span:nth-child(2),.art-5 span:nth-child(3){width:18px;height:16px;top:14px}.art-5 span:first-child{left:2px}.art-5 span:nth-child(2){left:20px}.art-5 span:nth-child(3){left:38px}.art-6 span:first-child{border-radius:45% 55% 35% 60%;width:18px;height:18px;top:14px;left:8px}.art-6 span:nth-child(2){width:20px;height:13px;top:19px;left:27px;transform:rotate(-25deg)}.art-7 span:first-child{border-radius:50%;width:52px;height:9px;top:19px;left:2px}.stool-5 .stool-art span,.stool-5.stool-dot,.stool-5 i{background:var(--amber1)}.stool-6 .stool-art span,.stool-6.stool-dot,.stool-6 i{background:var(--amber2)}.stool-7 .stool-art span,.stool-7.stool-dot,.stool-7 i{background:var(--red)}.timeline{margin-top:31px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-heading span{color:var(--muted);font:11px ui-monospace,monospace}.empty{color:var(--muted);border-top:1px solid var(--line);padding:20px 0;font-size:13px;line-height:1.7}.entry-row{border-top:1px solid var(--line);border-left:4px solid #0000;align-items:flex-start;gap:12px;padding:14px 0 14px 10px;display:flex}.entry-row.severity-1{border-left-color:var(--amber1)}.entry-row.severity-2{border-left-color:var(--amber2)}.entry-row.severity-3{border-left-color:var(--amber3)}.entry-row.severity-4,.entry-row.severity-5{border-left-color:var(--red)}.entry-mark{background:var(--blue);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font:600 13px ui-sans-serif,system-ui,sans-serif;display:grid}.entry-copy{flex:1;min-width:0}.entry-copy>div{justify-content:space-between;gap:12px;display:flex}.entry-copy strong{font-size:13px;line-height:1.4}.entry-copy time,.entry-copy small{color:var(--muted);font:11px ui-sans-serif,system-ui,sans-serif}.entry-copy small{margin-top:4px;display:block}.delete{color:var(--muted);background:0 0;border:0;font:18px ui-sans-serif,system-ui,sans-serif}.month-nav{align-items:center;gap:9px;font:12px ui-sans-serif,system-ui,sans-serif;display:flex}.month-nav button{border:0;border-bottom:1px solid var(--line);background:0 0;width:25px;height:25px}.calendar-grid{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:0 0;padding:14px 0}.weekdays,.days{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.weekdays span{color:var(--muted);padding-bottom:11px;font:10px ui-monospace,monospace}.days button,.days .blank{min-height:62px;color:var(--ink);background:0 0;border:0;border-top:1px solid #deded4;padding:10px 3px 4px}.days button.today{background:var(--mint);font-weight:800}.days button>span{font:12px ui-sans-serif,system-ui,sans-serif}.days button div{justify-content:center;gap:3px;margin-top:10px;display:flex}.days i,.legend i{background:#bfc4bf;border-radius:50%;width:7px;height:7px;display:block}.days i.severity-1,.legend i.severity-1{background:var(--amber1)}.days i.severity-2,.legend i.severity-2{background:var(--amber2)}.days i.severity-3,.legend i.severity-3{background:var(--amber3)}.days i.severity-4,.legend i.severity-4,.days i.severity-5,.legend i.severity-5{background:var(--red)}.legend{color:var(--muted);gap:15px;padding:16px 2px;font:10px ui-sans-serif,system-ui,sans-serif;display:flex}.legend span{align-items:center;gap:5px;display:flex}.calendar-hint,.intro{color:var(--muted);font-size:12px;line-height:1.6}.guide-list{gap:0;margin-top:22px;display:grid}.guide-card{border:0;border-top:1px solid var(--line);border-left:4px solid var(--line);background:0 0;border-radius:0;align-items:center;gap:14px;padding:14px 10px;display:flex}.guide-card:last-child{border-bottom:1px solid var(--line)}.guide-card.stool-5{border-left-color:var(--amber1)}.guide-card.stool-6{border-left-color:var(--amber2)}.guide-card.stool-7{border-left-color:var(--red)}.guide-title{align-items:baseline;gap:8px;display:flex}.guide-title strong{font:600 13px ui-sans-serif,system-ui,sans-serif}.guide-title span{color:var(--muted);font-size:11px}.bottom-nav{border-top:1px solid var(--line);z-index:4;background:#f5f1e8f7;justify-content:center;height:68px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{width:33%;max-width:180px;color:var(--muted);background:0 0;border:0;border-top:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding-top:9px;font:10px ui-sans-serif,system-ui,sans-serif;display:flex}.bottom-nav b{font:19px Georgia,serif}.bottom-nav .active{color:var(--ink);border-top-color:var(--ink)}.modal-wrap{z-index:10;background:#292a2861;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-top:2px solid var(--ink);gap:12px;width:min(740px,100%);padding:23px 24px 30px;display:grid}.modal-head{justify-content:space-between;align-items:start;display:flex}.modal p{color:var(--muted);font-size:13px;line-height:1.6}.modal small{color:var(--muted);font:11px ui-sans-serif,system-ui,sans-serif}.modal hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.file-label{border:1px dashed var(--line);color:var(--ink);padding:14px}.file-label input{margin-top:9px;display:block}.import-actions{gap:8px;display:flex}.text-button{color:var(--muted);background:0 0;border:0;padding:8px}@media (width>=700px){.modal-wrap{align-items:center}.modal{border:2px solid var(--ink);max-width:500px}}