.skip {position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:570px;gap:40px}.hero h1 span{color:var(--purple)}.hero h1 strong{font-weight:650;color:#9b83b0}.hero p{font-weight:400}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:5%;background:radial-gradient(ellipse,#dfd1ed99,transparent 67%);z-index:-1}.disc{width:70%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#f3edf9 0%,#c9b6dc 60%,#9f80bc 100%);box-shadow:inset 3px 3px 8px #ffffffb0,inset -3px -6px 12px #77588e55,16px 24px 50px #49335820;display:grid;place-items:center;transform:rotate(-12deg)}.disc span{font-family:serif;font-size:clamp(40px,6vw,78px);letter-spacing:-.12em;padding-right:.12em;color:#5a3b71;text-shadow:1px 2px 2px #fff9}.orbit{position:absolute;border:1px solid #c0accf70;border-radius:50%;width:98%;height:46%;transform:rotate(-28deg);z-index:2}.orbit.two{transform:rotate(50deg);width:94%;height:43%;z-index:-1}.art-caption{position:absolute;bottom:0;letter-spacing:.24em;font-size:9px;color:var(--muted)}.example-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.section-heading h2{margin:0}.section-heading h2 .muted{font-size:.72em}.month-picker{display:grid;gap:6px;flex-shrink:0}.topics{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.topics button{background:transparent;border:1px solid var(--line);border-radius:99px;padding:10px 24px;color:var(--muted)}.topics button[aria-pressed=true]{background:var(--purple);color:var(--surface);border-color:var(--purple)}.reading-grid{grid-template-columns:1.5fr 1fr}.reading-card{padding:40px;display:flex;flex-direction:column;min-height:320px}.reading-card h3{font-size:32px;font-weight:600;line-height:1.3;margin:24px 0 0}.reading-card p{max-width:620px;font-size:16px}.reading-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.reading-bottom .pill{background:#fff8}.context-line{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 0}.context-line span{color:var(--muted)}.small{font-size:12px;line-height:1.8}.pillars{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:8px 0 24px}.pillar+.pillar{border-left:1px solid var(--line)}.pillar>span{font-size:12px;color:var(--muted)}.pillar strong{display:block;white-space:pre-line;font-size:42px;line-height:1.65;font-family:serif;font-weight:500;margin-block:14px}.pillar small{color:var(--muted);font-size:11px}details{border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;font-size:13px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%;margin-top:20px;text-align:center}td,th{padding:14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:500;color:var(--muted)}.elements-box{padding:20px 8px}.elements{display:flex;gap:20px;flex-wrap:wrap}.element{flex:1;min-width:100px}.element-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.bar{height:5px;background:var(--line);border-radius:4px;overflow:hidden}.bar span{display:block;height:100%;background:#9a82ac;border-radius:4px}.element:nth-child(1) .bar span{background:#809a83}.element:nth-child(2) .bar span{background:#bc857e}.element:nth-child(3) .bar span{background:#b6a077}.element:nth-child(4) .bar span{background:#93999e}.element:nth-child(5) .bar span{background:#8c9db3}.chat-card{padding:32px 40px}#messages{display:flex;flex-direction:column;gap:16px;max-height:470px;overflow:auto;scroll-behavior:smooth;padding:8px 0 24px}.message{max-width:88%;padding:18px 22px;background:var(--cream);border-radius:20px;white-space:pre-wrap;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:var(--lavender)}.message small{display:block;font-size:10px;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.suggestions button{border:1px solid var(--line);border-radius:99px;background:none;color:var(--muted);font-size:12px;padding:10px 14px}#question{display:block;width:100%;background:var(--cream);border:none;padding:18px;min-height:100px}.chat-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}.check-field{display:flex;align-items:flex-start;gap:10px;margin-block:18px}.check-field input{margin-top:5px;flex-shrink:0}input[type=checkbox]{accent-color:var(--purple)}button:disabled{opacity:.45;cursor:wait;transform:none}.memory-card p{white-space:pre-wrap;overflow-wrap:anywhere}.memory-card .actions{gap:18px}.empty-memory{padding:35px;border:1px dashed #d2c5da;border-radius:var(--radius);grid-column:1/-1}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}dialog{border:none;background:var(--surface);color:var(--purple);border-radius:28px;width:min(600px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:36px;box-shadow:0 24px 120px #21102f30}dialog::backdrop{background:#20122e65;backdrop-filter:blur(5px)}dialog h2{font-size:28px}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.close{border:0;background:none;font-size:27px;color:var(--muted);padding:5px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label:not(.check-field){display:grid;gap:6px}.form-grid .check-field{align-items:center}#memory-form textarea{display:block;width:100%;margin:10px 0 18px}#memory-topic{margin:10px 0 20px}.error{color:#9f343f;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--purple);color:var(--surface);border-radius:99px;font-size:13px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#language{font-size:12px;border:0;background:transparent;padding:8px}.card,.disc{animation:appear .7s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1}}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:10px;min-height:0}.hero-art{width:70%;max-width:280px;justify-self:center;margin-block:28px}.hero h1{font-size:52px}.disc span{font-size:48px}.reading-grid{grid-template-columns:1fr}.reading-card{padding:28px;min-height:300px}.reading-card h3{font-size:27px}.section-heading{flex-wrap:wrap}.month-picker{grid-template-columns:auto 1fr;align-items:center}.chat-card{padding:20px}.chat-controls{align-items:flex-start}.chat-controls label{font-size:12px}.message{max-width:96%;padding:15px}.form-grid{grid-template-columns:1fr}.form-grid .check-field{margin:0}.pillar strong{font-size:34px}.pillar small{font-size:10px}.reading-bottom{flex-wrap:wrap;gap:6px}.example-bar{align-items:flex-start}dialog{padding:24px}.site-header .container{gap:10px}}
#account-dialog label{display:grid;gap:6px;margin:18px 0}#account-dialog input{width:100%;min-width:0}#account-dialog .close{float:right}#account-dialog .actions{margin-top:24px;gap:10px}#account-open{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#account-dialog [role=status]{overflow-wrap:anywhere}@media(max-width:600px){#account-open{max-width:100px}}
[hidden]{display:none!important}

/* Approved rounded BUBUBU symbol and disc, 2026-10-20. */
.hero-art:before{content:none}.hero-disc{display:block;width:100%;height:auto;mix-blend-mode:multiply}.hero-art .art-caption{bottom:-8px}