@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{color:#20211f;font-synthesis:none;background:#f7f7f4;font-family:Figtree,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.home-shell{background:radial-gradient(circle at 50% 42%,#fff 0,#f7f7f4 52%,#f1f1ec 100%);grid-template-rows:auto 1fr auto;min-height:100dvh;padding:26px clamp(20px,4vw,64px) 24px;display:grid}.home-nav{justify-content:space-between;align-items:center;display:flex}.wordmark{color:#20211f;letter-spacing:-.02em;align-items:center;gap:11px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.darsi-mark{background:#f5c833;border-radius:50%;flex:none;width:38px;height:38px;position:relative;transform:rotate(-7deg);box-shadow:inset 0 -5px 11px #cf910014}.eyes-wrap{transition:transform 90ms linear;position:absolute;inset:0}.eye{background:#24251f;border-radius:8px;width:5px;height:10px;position:absolute;top:10px}.eye-one{left:13px}.eye-two{height:8px;left:23px}.nav-actions{align-items:center;gap:8px;display:flex}.login-button,.signup-button{cursor:pointer;color:#55564f;background:0 0;border:0;border-radius:999px;min-height:42px;padding:0 15px;font-weight:600}.login-button:hover{color:#20211f;background:#edede8}.signup-button{color:#fff;background:#242520}.signup-button:hover{background:#000}.user-avatar{cursor:pointer;color:#242520;background:#f5c833;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.notes-button{color:#353632;cursor:pointer;background:#ffffffb8;border:1px solid #deded8;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-weight:600;transition:all .2s;display:flex}.notes-button:hover{background:#fff;border-color:#c9c9c2;transform:translateY(-1px)}.home-hero{text-align:center;place-self:center;width:min(620px,100%);transform:translateY(-1vh)}.hero-mark{justify-content:center;margin-bottom:9px;display:flex}.hero-mark .darsi-mark{width:38px;height:38px;box-shadow:0 14px 28px -18px #9869008c}.hero-mark .eye{width:5px;height:10px;top:10px}.hero-mark .eye-one{left:13px}.hero-mark .eye-two{height:8px;left:23px}.eyebrow{color:#777870;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.home-hero h1{letter-spacing:-.04em;color:#252622;margin:0 0 22px;font-family:Newsreader,Georgia,serif;font-size:clamp(31px,4vw,43px);font-weight:600;line-height:1.08}.subhead{color:#6d6e68;max-width:520px;margin:13px auto 24px;font-size:16px;line-height:1.5}.prompt-card{background:#ffffffed;border:1px solid #dfdfd8;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:end;gap:10px;width:100%;min-height:68px;padding:10px 10px 10px 16px;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 22px 60px -34px #28281873,0 2px 6px #3232230a}.prompt-card:focus-within{border-color:#c8c8bf;box-shadow:0 25px 70px -34px #28281885,0 0 0 3px #f5c83329}.prompt-card textarea{resize:none;color:#262722;background:0 0;border:0;outline:0;align-self:center;width:100%;min-height:36px;max-height:150px;padding:7px 4px 4px;font-size:18px;line-height:1.35}.prompt-card textarea::placeholder{color:#a2a29a}.add-button,.submit-button{cursor:pointer;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.add-button{color:#77786f;background:0 0}.add-button:hover{color:#30312d;background:#f3f3ef}.submit-button{color:#fff;background:#242520;transition:all .2s}.submit-button:hover:not(:disabled){background:#000;transform:scale(1.04)}.submit-button:disabled{color:#9d9d96;cursor:default;background:#e6e6e0}.suggestions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.suggestions button{color:#61625c;cursor:pointer;background:#ffffffb3;border:1px solid #e3e3dd;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;transition:all .2s;display:flex}.suggestions button svg{color:#c79900}.suggestions button:hover{color:#292a25;background:#fff;border-color:#cecec6;transform:translateY(-1px)}.home-footnote{text-align:center;color:#9a9b94;margin:0;font-size:13px}.auth-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1d1a47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-card{text-align:center;background:#fff;border:1px solid #e0e0d9;border-radius:24px;width:min(390px,100%);padding:30px;position:relative;box-shadow:0 28px 80px -32px #0006}.auth-card .darsi-mark{margin:0 auto 16px}.auth-card h2{margin:0;font-family:Newsreader,Georgia,serif;font-size:32px}.auth-card p{color:#75766f;margin:7px 0 22px;font-size:14px;line-height:1.5}.auth-card label{color:#55564f;text-align:left;gap:7px;margin-top:12px;font-size:13px;font-weight:700;display:grid}.auth-card input{border:1px solid #dcdcd5;border-radius:12px;outline:0;width:100%;height:46px;padding:0 13px}.auth-card input:focus{border-color:#aaa99f;box-shadow:0 0 0 3px #f5c8332e}.auth-submit{cursor:pointer;color:#fff;background:#242520;border:0;border-radius:13px;width:100%;height:48px;margin-top:18px;font-weight:700}.auth-submit:hover{background:#000}.auth-close{cursor:pointer;color:#6d6e68;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.auth-close:hover{background:#f1f1ec}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.home-shell{padding:20px 16px 18px}.home-hero{transform:translateY(-1vh)}.hero-mark{margin-bottom:10px}.subhead{margin-bottom:25px}.prompt-card{border-radius:23px;min-height:68px;padding:9px 9px 9px 10px}.prompt-card textarea{font-size:16px}.add-button,.submit-button{width:42px;height:42px}.suggestions{flex-direction:column;align-items:stretch}.suggestions button{justify-content:center}.login-button{display:none}.signup-button{min-height:40px;padding:0 12px}.notes-button{justify-content:center;width:42px;padding:0;font-size:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
