:root{--bg: #f3f8f7;--card: #ffffff;--ink: #203331;--ink-soft: #4c6361;--muted: #85999a;--line: #dbe7e5;--teal: #2a9d8f;--teal-deep: #21857a;--teal-soft: #dff1ee;--coral: #e76f51;--coral-deep: #d35b3f;--coral-soft: #fbe5de;--danger: #c0574b;--shadow: 0 2px 10px rgba(32,51,49,.07);--shadow-lg: 0 14px 40px rgba(32,51,49,.16);--radius: 18px;--ease: cubic-bezier(.25,.46,.45,.94);--serif: "Fraunces", Georgia, serif;--sans: "Nunito", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--sans),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;color:inherit;background:none;border:none}button:disabled{cursor:not-allowed;opacity:.6}input{font-family:inherit;font-size:1rem;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1rem calc(2rem + env(safe-area-inset-bottom))}.header{background:#f3f8f7eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.header-inner{max-width:960px;margin:0 auto;padding:.7rem 1rem;display:flex;align-items:center;gap:.5rem}.back-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);margin-left:-.4rem}.back-btn:hover{background:var(--teal-soft)}.header-brand{display:flex;align-items:center;gap:.45rem;padding:.2rem .3rem;border-radius:8px}.header-logo{font-size:1.35rem}.header-title{font-family:var(--serif);font-size:1.35rem;font-weight:700;line-height:1}.header-crumb{display:flex;align-items:center;gap:.4rem;font-weight:700;color:var(--ink-soft)}.header-crumb-sep{color:var(--muted)}.user-menu{margin-left:auto;display:flex;align-items:center;gap:.4rem}.user-badge{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.btn-logout{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.btn-logout:hover{background:var(--teal-soft);color:var(--ink)}.state-screen{min-height:60vh;display:flex;align-items:center;justify-content:center}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.7rem 1.3rem;font-weight:700;color:var(--ink-soft)}.btn-secondary:hover{border-color:var(--teal)}.home{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.home-greeting{text-align:center}.home-title{font-family:var(--serif);font-size:2rem;font-weight:700}.home-sub{color:var(--muted);font-size:1.05rem}.tiles{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.tiles{grid-template-columns:1fr 1fr;gap:1.25rem}}.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.75rem 1.5rem 1.5rem;min-height:190px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.tile--noicon{justify-content:center;padding-top:1.5rem}.tile--noicon .tile-label{font-size:1.9rem}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tile:active{transform:scale(.985)}.tile--teal:hover{border-color:var(--teal)}.tile--coral:hover{border-color:var(--coral)}.tile-icon{font-size:2.6rem;line-height:1;width:72px;height:72px;border-radius:20px;display:grid;place-items:center;margin-bottom:.6rem}.tile--teal .tile-icon{background:var(--teal-soft)}.tile--coral .tile-icon{background:var(--coral-soft)}.tile-label{font-family:var(--serif);font-size:1.6rem;font-weight:700;line-height:1.1}.tile-tagline{color:var(--muted);font-size:.92rem}.tile-arrow{position:absolute;right:1.25rem;bottom:1.1rem;font-size:1.4rem;font-weight:800;color:var(--muted);transition:transform .2s var(--ease),color .2s}.tile:hover .tile-arrow{transform:translate(4px)}.tile--teal:hover .tile-arrow{color:var(--teal)}.tile--coral:hover .tile-arrow{color:var(--coral)}.section{display:flex;flex-direction:column;gap:1.25rem;align-items:center;padding-top:1rem}.section-hero{text-align:center}.section-icon{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:24px;font-size:2.8rem;margin-bottom:.6rem}.section--teal .section-icon{background:var(--teal-soft)}.section--coral .section-icon{background:var(--coral-soft)}.section-title{font-family:var(--serif);font-size:2rem;font-weight:700}.section-tagline{color:var(--muted)}.section-card{width:100%;max-width:480px;background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.section-soon{font-weight:800;font-size:1.1rem}.section-soon-sub{color:var(--muted);margin-bottom:.8rem}.btn-primary{background:var(--teal);color:#fff;border-radius:999px;padding:.7rem 1.5rem;font-weight:800;font-size:.95rem;box-shadow:0 4px 14px #2a9d8f59;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--teal-deep)}.btn-primary:active{transform:scale(.98)}.btn-icon{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-size:1.2rem;line-height:1;color:var(--muted)}.btn-icon:hover{background:var(--coral-soft);color:var(--coral-deep)}.form-error{color:var(--danger);font-size:.88rem;text-align:center}.mounjaro{width:100%;max-width:640px;display:flex;flex-direction:column;gap:1rem}.block-title{font-family:var(--serif);font-size:1.45rem;font-weight:700}.block-sub{color:var(--muted);font-size:.92rem;margin-top:-.6rem}.site-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;align-items:stretch}.site-col{display:flex;flex-direction:column;gap:.75rem}.site-btn{flex:1;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.9rem .5rem;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:transform .15s var(--ease),border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.site-btn:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.site-btn:active{transform:scale(.97)}.site-btn--used{border-color:var(--teal-soft);background:linear-gradient(180deg,#fff 0%,var(--teal-soft) 100%)}.site-name{font-family:var(--serif);font-size:1.3rem;font-weight:700;line-height:1.1}.site-date{font-weight:800;font-size:.95rem;color:var(--teal-deep);margin-top:.35rem}.site-date--none{color:var(--muted);font-weight:600;font-size:.85rem}.site-ago{font-size:.75rem;color:var(--muted)}@media (max-width: 420px){.site-grid,.site-col{gap:.5rem}.site-btn{min-height:100px;padding:.7rem .3rem}.site-name{font-size:1.1rem}}.history{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.history-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;font-weight:800;font-size:.95rem;text-align:left}.history-toggle:hover{background:var(--teal-soft)}.chevron{display:inline-block;transition:transform .2s var(--ease);color:var(--muted)}.chevron--open{transform:rotate(90deg)}.history-count{margin-left:auto;background:var(--teal-soft);color:var(--teal-deep);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:800}.history-empty{padding:0 1rem 1rem;color:var(--muted)}.history-table{width:100%;border-collapse:collapse;font-size:.92rem}.history-table th{text-align:left;padding:.5rem 1rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg)}.history-table td{padding:.55rem 1rem;border-bottom:1px solid var(--line)}.history-table tr:last-child td{border-bottom:none}.history-time{color:var(--muted)}.history-actions{text-align:right;width:1%}.site-tag{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-weight:700;font-size:.82rem;background:var(--teal-soft);color:var(--teal-deep)}@media (max-width: 480px){.history-table th:nth-child(3),.history-table td:nth-child(3){display:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#20333173;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}}.confirm{width:100%;max-width:360px;background:var(--card);border-radius:20px;box-shadow:var(--shadow-lg);padding:1.5rem 1.4rem 1.3rem;text-align:center;display:flex;flex-direction:column;gap:.5rem;animation:pop .2s var(--ease)}@keyframes pop{0%{transform:scale(.95);opacity:0}}.confirm-title{font-family:var(--serif);font-size:1.4rem;font-weight:700}.confirm-sub{color:var(--ink-soft)}.confirm-date{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin:.4rem auto 0;padding:.6rem .9rem;border:1px dashed var(--line);border-radius:12px;background:var(--bg);cursor:pointer;width:100%;max-width:240px}.confirm-date:hover{border-color:var(--teal)}.confirm-date-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep)}.confirm-date-input{border:none;background:none;outline:none;font-family:inherit;font-size:1.1rem;font-weight:800;color:var(--ink);text-align:center;cursor:pointer;width:100%}.confirm-date-hint{font-size:.72rem;color:var(--muted)}.confirm-actions{display:flex;gap:.6rem;margin-top:.8rem}.confirm-actions>*{flex:1}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(160deg,var(--bg) 0%,var(--teal-soft) 100%)}.login-card{background:var(--card);border-radius:20px;box-shadow:var(--shadow-lg);padding:2.25rem 2rem;width:100%;max-width:380px}.login-header{text-align:center;margin-bottom:1.75rem}.login-logo{font-size:2.6rem;display:block;margin-bottom:.4rem}.login-title{font-family:var(--serif);font-size:2rem;font-weight:700}.login-sub{color:var(--muted);font-size:.92rem;margin-top:.2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.3rem}.login-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.login-input{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:.7rem .85rem;outline:none;transition:border-color .2s}.login-input:focus{border-color:var(--teal)}.login-error{color:var(--danger);font-size:.88rem;text-align:center}.login-btn{background:var(--teal);color:#fff;border-radius:999px;padding:.8rem;font-weight:800;font-size:1rem;margin-top:.4rem;transition:background .2s}.login-btn:hover{background:var(--teal-deep)}