.cafe{--ac:var(--stamp);--deep:#2459bd;flex-direction:column;gap:30px;padding:10px clamp(16px,4vw,64px) 90px;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cafe{--deep:#7aa5ff}}:root[data-theme=dark] .cafe{--deep:#7aa5ff}.cafe.m-deep{--ac:var(--deep)}.cafe.m-break{--ac:var(--green)}.cafe-head{max-width:62ch}.cafe-kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:.7rem;font-weight:700;display:inline-flex}.cafe-kicker:before{content:"";background:var(--stamp);width:22px;height:2px}.cafe-head h1{letter-spacing:-.05em;margin:12px 0 10px;font-size:clamp(2.3rem,6vw,4rem);font-weight:800;line-height:.98}.cafe-head h1 em{color:var(--stamp);font-style:normal}.cafe-head p{color:var(--muted);margin:0;font-size:1.06rem;line-height:1.55}.cafe-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.t-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700;display:block}.ticket-wrap,.tab-wrap{filter:drop-shadow(0 1px 0 var(--line)) drop-shadow(0 18px 24px #00000024)}.ticket,.tab{--z:10px;background:var(--paper);-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(var(--z)*2) var(--z) repeat-x, conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--z)*2) var(--z) repeat-x, linear-gradient(#000 0 0) center/100% calc(100% - var(--z)*2) no-repeat;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(var(--z)*2) var(--z) repeat-x, conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--z)*2) var(--z) repeat-x, linear-gradient(#000 0 0) center/100% calc(100% - var(--z)*2) no-repeat;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(var(--z)*2) var(--z) repeat-x, conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--z)*2) var(--z) repeat-x, linear-gradient(#000 0 0) center/100% calc(100% - var(--z)*2) no-repeat;position:relative}.ticket{padding:calc(26px + var(--z)) clamp(20px,4vw,40px) calc(26px + var(--z))}.t-top{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.76rem;font-weight:800;display:flex}.t-calm{color:var(--muted);font:inherit;letter-spacing:.06em;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:.72rem;text-decoration:underline}.t-calm:hover{color:var(--ink)}.t-modes{background:var(--paper2);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px;padding:5px;display:grid}.t-modes button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;transition:background .15s,color .15s;display:flex}.t-modes b{font-size:1rem;font-weight:800}.t-modes small{font-family:var(--mono);font-size:.72rem}.t-modes button:hover{color:var(--ink)}.t-modes button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--line),0 6px 14px -10px #00000073}.t-modes .tm-focus[aria-pressed=true] small{color:var(--stamp)}.t-modes .tm-deep[aria-pressed=true] small{color:var(--deep)}.t-modes .tm-break[aria-pressed=true] small{color:var(--green)}.t-clock{justify-content:center;align-items:center;gap:clamp(10px,3vw,26px);margin-top:26px;display:flex}.t-digits{font-family:var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(4.2rem,13vw,7.4rem);font-weight:700;line-height:1}.on .t-digits{color:var(--ac)}.t-nudge{background:var(--paper2);width:46px;height:46px;color:var(--ink);font-family:var(--mono);cursor:pointer;border:0;border-radius:14px;flex:none;font-size:.85rem;font-weight:800}.t-nudge:hover:not(:disabled){background:var(--ink);color:var(--bg)}.t-nudge:disabled{opacity:.3;cursor:default}.t-status{text-align:center;color:var(--muted);min-height:1.5em;margin:12px 0 0;font-size:1rem}.strip{gap:3px;height:34px;margin-top:24px;display:flex}.strip span{background:var(--ac);border-radius:3px;flex:1;transition:opacity .3s;position:relative;overflow:hidden}.strip span.gone{opacity:.14}.strip span[style]:before{content:"";width:calc(var(--part)*100%);background:var(--paper);opacity:.86;position:absolute;inset:0}.strip-legend{font-family:var(--mono);color:var(--muted);justify-content:space-between;margin-top:8px;font-size:.72rem;display:flex}.t-actions{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.t-go{background:var(--ink);min-width:170px;height:56px;color:var(--bg);font:inherit;cursor:pointer;box-shadow:0 4px 0 0 color-mix(in srgb,var(--ink) 35%,transparent);border:0;border-radius:16px;padding:0 28px;font-size:1.1rem;font-weight:800;transition:transform .15s}.t-go:hover{transform:translateY(-2px)}.on .t-go{background:var(--ac);color:#fff;box-shadow:0 4px 0 0 color-mix(in srgb,var(--ac) 55%,#000)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .on .t-go{color:#15140f}}:root[data-theme=dark] .on .t-go{color:#15140f}.t-small{height:46px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line);background:0 0;border:0;border-radius:14px;padding:0 16px;font-size:.9rem;font-weight:700}.t-small:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.t-rule{border-top:2px dashed var(--line);height:0;margin:26px -40px 22px}.t-intent{box-sizing:border-box;border:0;border-bottom:1.5px solid var(--line);width:100%;color:var(--ink);font:inherit;background:0 0;outline:0;margin-top:8px;padding:6px 0 10px;font-size:1.3rem;font-weight:700}.t-intent:focus{border-bottom-color:var(--ac)}.t-intent::placeholder{color:var(--muted);opacity:.7;font-weight:500}.t-subjects{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.t-subjects button,.t-sound button{height:36px;color:var(--muted);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:.86rem;font-weight:700}.t-subjects button:hover,.t-sound button:hover{color:var(--ink)}.t-subjects button[aria-pressed=true],.t-sound button[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}.t-sound{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.t-sound>div{flex-wrap:wrap;gap:6px;display:flex}.t-keys{text-align:center;font-family:var(--mono);color:var(--muted);margin:20px 0 0;font-size:.72rem}.t-keys kbd{background:var(--paper2);box-shadow:inset 0 0 0 1px var(--line);font:inherit;color:var(--ink);border-radius:6px;padding:2px 7px;font-weight:800;display:inline-block}.tab-col{flex-direction:column;gap:26px;display:flex}.tab{padding:calc(24px + var(--z)) 28px calc(24px + var(--z));font-family:var(--mono)}.tab-head{text-align:center;border-bottom:2px dashed var(--line);padding-bottom:16px}.tab-head strong{font-family:var(--display);letter-spacing:.04em;font-size:1.4rem;font-weight:800;display:block}.tab-head small{color:var(--muted);letter-spacing:.1em;margin-top:5px;font-size:.74rem;display:block}.tab-lines{border-bottom:2px dashed var(--line);flex-direction:column;gap:12px;margin:0;padding:12px 0;list-style:none;display:flex}.tab-lines li{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tl-what{min-width:0;max-width:62%;font-family:var(--display);flex-direction:column;display:flex}.tl-what b{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.tl-what small{color:var(--muted);font-size:.8rem}.tab-lines i{border-bottom:2px dotted color-mix(in srgb,var(--ink) 25%,transparent);flex:1;min-width:20px;transform:translateY(-4px)}.tl-min{font-size:.92rem;font-weight:800}.tl-at{color:var(--muted);flex-basis:100%;margin-top:-8px;font-size:.72rem}.tab-empty{border-bottom:2px dashed var(--line);font-family:var(--display);color:var(--muted);margin:0;padding:18px 0;line-height:1.55}.tab-total{border-top:2.5px solid var(--ink);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-top:14px;padding-top:12px;font-size:.86rem;display:flex}.tab-total span{color:var(--muted);font-weight:700}.tab-total b{font-weight:800}.tab-goal{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:16px;font-size:.8rem;display:flex}.tg-pick{align-items:center;gap:8px;display:inline-flex}.tg-pick b{color:var(--ink);font-size:.9rem}.tg-pick button{background:var(--paper2);width:28px;height:28px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:800}.tab-bar{background:var(--paper2);border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.tab-bar i{background:var(--green);border-radius:4px;height:100%;transition:width .5s;display:block}.tab-stamp{right:16px;top:calc(var(--z) + 4px);border:3.5px solid var(--green);outline:1.5px solid var(--green);outline-offset:-9px;width:84px;height:84px;color:var(--green);opacity:.85;pointer-events:none;background:color-mix(in srgb,var(--paper) 70%,transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;transform:rotate(-14deg)}.tab-stamp i{letter-spacing:.16em;font-size:.55rem;font-style:normal;font-weight:800}.tab-stamp b{letter-spacing:.14em;font-size:1.2rem;font-weight:800}.week{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;padding:20px 22px}.week-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.week-streak{font-family:var(--mono);color:var(--stamp);font-size:.76rem;font-weight:800}.week-days{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px;display:grid}.wd{flex-direction:column;align-items:center;gap:6px;display:flex}.wd-cell{aspect-ratio:1;background:color-mix(in srgb,var(--green) calc(var(--fill)*55%),var(--paper2));width:100%;max-width:52px;font-family:var(--mono);border-radius:12px;place-items:center;font-size:.78rem;display:grid}.wd-cell b{font-weight:800}.wd small{font-family:var(--mono);color:var(--muted);font-size:.68rem}.wd.now .wd-cell{box-shadow:inset 0 0 0 2px var(--ink)}.wd.now small{color:var(--ink);font-weight:800}.week-note{color:var(--muted);margin:12px 0 0;font-size:.82rem}.cafe.calm .cafe-head,.cafe.calm .tab-col,.cafe.calm .t-rule,.cafe.calm .t-label,.cafe.calm .t-intent,.cafe.calm .t-subjects,.cafe.calm .t-sound,.cafe.calm .t-keys{display:none}.cafe.calm .cafe-grid{grid-template-columns:minmax(0,640px);justify-content:center;padding-top:4vh}@media (max-width:900px){.cafe-grid{grid-template-columns:1fr;gap:30px}}@media (max-width:520px){.t-rule{margin-inline:-20px}.t-modes b{font-size:.9rem}.t-nudge{width:40px;height:40px}.t-go{flex:1;min-width:0}.t-actions{gap:8px}.t-small{padding:0 12px;font-size:.84rem}.t-keys{display:none}.tab{padding-inline:20px}.tab-stamp{width:70px;height:70px;right:10px}.tab-stamp b{font-size:1rem}.tab-stamp i{font-size:.48rem}}