@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#272738;font-synthesis:none;--primary:#6251cf;--light:#f2effc;--muted:#838293;--line:#edecf2;--pink:#c95078;--nav:78px;background:#eeedf4;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}button{color:inherit}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #a18be8}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--primary)}h1,h2,h3,p{margin-top:0}button{border:0}svg{flex-shrink:0}p{word-break:keep-all;overflow-wrap:anywhere}.app-shell{background:#fff;max-width:480px;min-height:100dvh;margin:auto;position:relative;box-shadow:0 0 60px #34244c0d}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-bottom:1px solid #f4f3f7;justify-content:space-between;align-items:center;height:78px;padding:0 24px;display:flex;position:sticky;top:0}.brand{text-align:left;letter-spacing:-.6px;background:0 0;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:850;display:flex}.brand small{color:#92909f;letter-spacing:.4px;margin-top:2px;font-size:10px;font-weight:500;display:block}.brand-mark{background:var(--primary);color:#fff;border-radius:12px;place-items:center;width:35px;height:35px;display:grid;transform:rotate(-5deg)}.header-actions{gap:4px;display:flex}.icon-button{color:#6f6a80;background:0 0;border-radius:12px;place-items:center;width:38px;height:42px;display:grid}.main{padding:22px 24px calc(110px + env(safe-area-inset-bottom));min-height:calc(100dvh - 78px);animation:.22s ease-out appear}.home-top{color:#817a94;justify-content:space-between;gap:6px;margin-bottom:15px;font-size:11px;display:flex}.tiny-brand{letter-spacing:1.4px;align-self:center;font-size:8px;font-weight:700}.hero{background:#f0ebff;border:1px solid #e8dffb;border-radius:26px;min-height:285px;margin-bottom:28px;padding:24px;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #dcd2f3;border-radius:50%;width:235px;height:235px;position:absolute;top:-20px;right:-55px;transform:rotate(20deg)}.hero:after{content:"";border:1px solid #ded5f3;border-radius:50%;width:180px;height:180px;position:absolute;top:17px;right:-28px}.hero-pill{color:#6955a4;z-index:2;background:#ffffffa8;border-radius:30px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.hero h1{letter-spacing:-1.5px;z-index:2;margin:14px 0 12px;font-size:30px;font-weight:850;line-height:1.4;position:relative}.hero h1 em{color:#6650bb;font-style:normal}.hero p{color:#82728e;z-index:2;margin-bottom:18px;font-size:12px;line-height:1.85;position:relative}.hero-link{color:#5d478f;z-index:3;background:0 0;align-items:center;gap:14px;min-height:32px;padding:0;font-size:12px;font-weight:800;display:flex;position:relative}.hero-art{z-index:1;width:147px;height:135px;position:absolute;top:104px;right:13px;transform:rotate(-8deg)}.bubble{place-items:center;display:grid;position:absolute;box-shadow:0 13px 22px #5a428b20}.bubble-one{color:#f9efff;background:linear-gradient(145deg,#a893e2,#7964c0);border-radius:25px 25px 8px;width:88px;height:76px;top:0;left:0;transform:rotate(-6deg)}.bubble-one svg{filter:drop-shadow(0 3px 1px #69509b44);width:35px;height:35px}.bubble-two{color:#b26b91;background:linear-gradient(140deg,#fff0f3,#f5bdd2);border-radius:22px 22px 22px 6px;width:80px;height:66px;bottom:4px;right:0;transform:rotate(15deg)}.bubble-two span{letter-spacing:1px;margin-top:-13px;font-size:35px;font-weight:900;line-height:0}.art-star{color:#a68ac8;font-size:26px;position:absolute;top:-30px;right:0}.art-dot{background:#d4c3e7;border-radius:100%;width:9px;height:9px;position:absolute;bottom:12px;left:-5px}.section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.section-head h2{letter-spacing:-.7px;margin:0;font-size:17px;font-weight:800}.section-head>span{color:#9690a0;font-size:10px}.section-head .subcount{color:#8a7ca8;font-size:10px}.section-head .eyebrow{margin-bottom:6px;font-size:8px;display:block}.section-head b{color:var(--primary);font-size:12px}.section-head.compact{margin:18px 0 12px}.section-head.spaced{margin-top:32px}.stage-section{margin-bottom:29px}.chips{scrollbar-width:none;gap:6px;margin-right:-24px;padding-right:24px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);white-space:nowrap;color:#8d8599;background:#fff;border-radius:100px;min-height:38px;padding:9px 13px;font-size:11px;font-weight:600}.chip.active{color:#fff;background:#51415f;border-color:#51415f}.topic-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px;display:grid}.topic{background:#fff;border:1px solid #eeeaf3;border-radius:18px;flex-direction:column;align-items:center;padding:16px 5px 15px;transition:all .15s;display:flex}.topic:hover{background:#fcfaff;transform:translateY(-2px)}.topic-icon{border-radius:16px;place-items:center;width:45px;height:45px;margin-bottom:11px;display:grid}.topic strong{letter-spacing:-.4px;font-size:12px;font-weight:750}.topic>span{color:#9d96a7;margin-top:5px;font-size:9px}.home-stories{margin-bottom:26px}.text-btn{color:var(--primary);background:0 0;align-items:center;gap:5px;min-height:32px;padding:8px 0;font-size:11px;font-weight:700;display:inline-flex}.story-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:13px;width:100%;margin-bottom:10px;padding:16px 13px;transition:background .15s;display:flex}.story-card:hover{background:#fbf9ff;border-color:#d8caed}.story-symbol{border-radius:13px;flex-shrink:0;place-items:center;width:43px;height:48px;display:grid}.story-copy{flex:1;min-width:0}.label{color:#93879f;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.story-card h3{letter-spacing:-.45px;word-break:keep-all;margin:0 0 7px;font-size:14px;font-weight:750;line-height:1.6}.story-meta{color:#a39ba9;align-items:center;gap:7px;font-size:9px;display:flex}.test-banner{text-align:left;background:#f9f6ff;border:1px solid #ede6f8;border-radius:20px;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding:20px 15px;display:flex}.test-art{color:#9580bd;place-items:center;width:49px;height:57px;display:grid;position:relative}.test-art span{color:#bba6d4;font-size:18px;position:absolute;top:0;right:0}.test-banner .eyebrow{font-size:9px}.test-banner h3{letter-spacing:-.5px;margin:6px 0;font-size:14px}.test-banner p{color:#9b91aa;margin:0;font-size:10px}.test-banner>svg{color:#a69ab4;margin-left:auto}.daily-card{background:#fdfbf7;border:1px solid #eee7e0;border-radius:20px;margin-bottom:28px;padding:22px}.daily-card h3{letter-spacing:-.6px;margin:13px 0;font-size:18px;font-weight:650;line-height:1.8}.daily-card .eyebrow{color:#a48e73;align-items:center;gap:6px;display:flex}.dot{background:#b59b77;border-radius:50%;width:5px;height:5px;display:inline-block}.daily-card .text-btn{color:#a28c78}.eyebrow{color:#9d87b6;letter-spacing:.7px;font-size:10px;font-weight:700}.footnote{color:#aaa3b1;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:25px 0 0;font-size:9px;display:flex}.footnote button{color:#8e829d;background:0 0;min-height:35px;font-size:9px;text-decoration:underline}.bottom-nav{width:100%;max-width:480px;height:calc(var(--nav) + env(safe-area-inset-bottom));padding:9px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:35;border-top:1px solid var(--line);background:#ffffffef;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#aaa3b2;background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:52px;font-size:10px;font-weight:600;display:flex}.bottom-nav button>span{border-radius:12px;place-items:center;width:47px;height:30px;display:grid}.bottom-nav button.active>span{background:#f1ecfc}.page-heading{margin:10px 0 25px}.page-heading h1{letter-spacing:-1.2px;word-break:keep-all;margin:9px 0;font-size:27px;line-height:1.5}.page-heading p{color:#958c9f;margin:0;font-size:13px;line-height:1.85}.searchbox{color:#a699b4;background:#faf8fc;border:1px solid #eae4f0;border-radius:15px;align-items:center;gap:9px;height:51px;padding:0 14px;display:flex}.searchbox input{color:#3f344c;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px}.searchbox button{color:#988aa5;background:0 0;place-items:center;padding:4px;display:grid}.searchbox:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #e9e0fc}.filter-row{color:#a194af;align-items:center;gap:8px;margin-top:12px;display:flex}.filter-row select{border:1px solid var(--line);color:#80718f;background:#fff;border-radius:10px;min-width:0;max-width:52%;height:42px;padding:10px 6px;font-size:11px}.back{color:#93859f;background:0 0;align-items:center;gap:4px;min-height:36px;margin-bottom:12px;padding:5px 0;font-size:12px;display:inline-flex}.primary,.secondary{border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:53px;margin-top:12px;padding:16px 15px;font-size:13px;font-weight:750;display:flex}.primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px #6251cf16}.primary:hover{background:#5545b8}.secondary{color:#88739e;background:#fff;border:1px solid #e7dfed}.secondary.saved{color:var(--primary);background:#f5f0fe}.intro-illustration{color:#9980b5;background:#f7f2fd;border-radius:20px;justify-content:center;align-items:center;gap:18px;margin-bottom:23px;padding:29px 16px;display:flex}.intro-illustration span{font-size:13px;line-height:1.9}.intro-illustration strong{color:#6e578c;font-weight:650}.result-block{background:#fff;border:1px solid #eae5ef;border-radius:18px;margin-bottom:14px;padding:21px}.result-block h2{letter-spacing:-.4px;margin:0 0 12px;font-size:15px;font-weight:750}.result-block h3{margin:22px 0 9px;font-size:14px}.result-block p{color:#7e718b;margin:0 0 12px;font-size:14px;line-height:1.95}.result-block p:last-child{margin-bottom:0}.perspectives{grid-template-columns:1fr 1fr;gap:10px;padding:7px 5px 21px;display:grid}.perspectives span{color:#9683a8;align-items:center;gap:7px;font-size:12px;display:flex}.small-note{text-align:center;color:#a39aa9!important;margin:17px 0!important;font-size:10px!important;line-height:1.9!important}.small-note.left{text-align:left}.stepbar{gap:5px;margin:13px 0 26px;display:flex}.stepbar span{background:#eee8f6;border-radius:5px;flex:1;height:4px}.question-title{letter-spacing:-1px;word-break:keep-all;margin:16px 0;font-size:25px;line-height:1.6}.context-line{color:#9d8caa;margin-bottom:25px;font-size:12px;line-height:1.9}.options{gap:10px;margin-bottom:24px;display:grid}.option{text-align:left;color:#83738e;word-break:keep-all;background:#fff;border:1px solid #e8e1ee;border-radius:15px;align-items:center;gap:11px;min-height:60px;padding:16px 15px;font-size:13px;line-height:1.7;display:flex}.option.chosen{color:#6750a2;background:#f6f0ff;border-color:#a38bd2;box-shadow:0 0 0 1px #a38bd233}.radio{border:1px solid #d5c8e0;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;display:grid}.chosen .radio{background:var(--primary);border-color:var(--primary);color:#fff}.sticky-action{bottom:calc(var(--nav) + env(safe-area-inset-bottom));z-index:4;background:linear-gradient(#ffffff60,#fff);padding:8px 0;position:sticky}.result-heading{text-align:center;background:#f7f3fc;border:1px solid #ede5f6;border-radius:23px;margin-bottom:18px;padding:24px 18px}.result-badge{color:#9a7db2;align-items:center;gap:5px;font-size:10px;display:inline-flex}.result-heading h1{letter-spacing:-.9px;margin:12px 0;font-size:22px;line-height:1.6}.result-heading p{color:#a393b1;margin-bottom:0;font-size:11px;line-height:1.7}.summary{border:1px solid var(--line);color:#8f7e9d;border-radius:13px;margin-bottom:20px;padding:15px;font-size:12px}.summary summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.summary summary::-webkit-details-marker{display:none}.summary[open] summary svg{transform:rotate(90deg)}.summary ul{margin-bottom:0;padding-left:20px;line-height:2.3}.emphasis{background:#f7f3fb;border-radius:11px;padding:13px}.possibility{border-bottom:1px solid #f0eaf5;padding:12px 0}.possibility:last-of-type{border-bottom:0}.possibility b{color:#b191b6;margin-bottom:7px;font-size:11px;display:block}.mini-check{color:#8d7c9b;align-items:center;gap:7px;margin:12px 0;font-size:12px;display:flex}.mini-check svg{color:#9d88bb}.talk-block{background:#fcf7f9;border-color:#f0e1e9}blockquote{color:#8d5978;word-break:keep-all;margin:0;font-size:17px;font-weight:600;line-height:1.9}.button-pair{gap:8px;margin-top:17px;display:flex}.button-pair button{color:#9d819c;background:#ffffffb0;border:1px solid #eadde8;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:10px 12px;font-size:11px;display:flex}.safety-box{color:#98744e;background:#fcf6ed;border:1px solid #ecddce;border-radius:15px;gap:10px;margin-bottom:18px;padding:16px;display:flex}.safety-box strong{font-size:13px}.safety-box p{margin:7px 0 0;font-size:12px;line-height:1.9}.segments{background:#f5f1f8;border-radius:13px;gap:3px;margin-bottom:22px;padding:4px;display:flex}.segments button{color:#a08caa;background:0 0;border-radius:10px;flex:1;min-height:41px;padding:11px 3px;font-size:12px;font-weight:650}.segments button.active{color:#6d538f;background:#fff;box-shadow:0 2px 8px #67416c0a}.segments.four button{font-size:11px}.lab-feature{color:#9980b5;background:#f4effb;border-radius:17px;align-items:center;gap:13px;margin-bottom:20px;padding:21px 18px;display:flex}.lab-feature strong{color:#76618e;font-size:14px}.lab-feature p{color:#a28aad;margin:6px 0 0;font-size:11px}.lab-feature.peach{color:#c19e91;background:#fcf2ef}.quiz-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quiz-card{text-align:left;background:#fff;border:1px solid #eae3f0;border-radius:17px;flex-direction:column;padding:17px 14px;display:flex}.quiz-num{border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-bottom:13px;padding:7px 9px;font-size:11px;font-weight:700;display:flex}.quiz-card h3{letter-spacing:-.45px;margin-bottom:10px;font-size:14px;line-height:1.65}.quiz-card p{color:#a28caf;flex:1;font-size:10px;line-height:1.9}.quiz-bottom{color:#ac99b5;justify-content:space-between;align-items:center;font-size:9px;display:flex}.exercise-row{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:9px;padding:16px 13px;display:flex}.exercise-row>span:nth-child(2){flex:1}.exercise-row small{color:#af95ae;margin-bottom:4px;font-size:9px;display:block}.exercise-row strong{font-size:13px;font-weight:650}.exercise-icon{color:#bb8aa3;background:#faf1f5;border-radius:11px;place-items:center;width:36px;height:40px;display:grid}.green{color:#78a193!important}.full-select{color:#9f83a7;background:#fff;border:1px solid #e7dfea;border-radius:11px;width:100%;min-height:45px;padding:10px;font-size:12px}.daily-focus{background:#fdfaf5;border:1px solid #eee2d6;border-radius:21px;margin:20px 0;padding:28px 23px}.daily-focus .eyebrow{color:#b2987d}.daily-focus h2{letter-spacing:-.7px;color:#7c6859;margin:21px 0 27px;font-size:23px;line-height:1.85}.pager{color:#ad97a2;justify-content:space-between;align-items:center;font-size:12px;display:flex}.pager button{color:#ae94aa;background:#f8f2f6;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.quiz-top{color:#af90bb;justify-content:space-between;gap:8px;margin-top:18px;font-size:12px;display:flex}.quiz-result-top{text-align:center;margin:14px 0 25px}.result-orb{color:#8e6bae;background:radial-gradient(circle at 30% 30%,#faf1ff,#d3bee8);border-radius:32px;place-items:center;width:90px;height:90px;margin:0 auto 23px;display:grid;transform:rotate(-7deg);box-shadow:0 10px 25px #ab87be20}.quiz-result-top h1{letter-spacing:-1px;margin:12px 0;font-size:26px;line-height:1.6}.quiz-result-top p{color:#b399ba;font-size:12px}.scale-label{color:#a88cb1;justify-content:space-between;margin:15px 0;font-size:10px;display:flex}.result-scale{background:linear-gradient(90deg,#ded4ed,#ab8fc8);border-radius:99px;height:7px;margin:0 10px 32px;position:relative}.result-scale>span{background:#77529e;border:3px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 0 1px #c6aedb}.answer-review{border-bottom:1px solid #eee6f3;padding:10px 0;font-size:11px;line-height:1.8}.answer-review b{color:#8865a1;display:block}.notice-card{color:#a185b0;background:#f6f2f9;border-radius:12px;align-items:center;gap:8px;padding:14px;font-size:11px;line-height:1.9;display:flex}.speech>span{color:#b494bb;background:#f5edf9;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:30px;display:grid}.practice-feedback{color:#b58d6a;background:#fcf5ef;border-radius:15px;margin-bottom:18px;padding:19px}.practice-feedback.good{color:#84a18e;background:#f0f7f2}.practice-feedback strong{font-size:14px}.practice-feedback p{margin:9px 0 0;font-size:13px;line-height:1.85}.journal-heading{text-align:center;margin:20px 0 28px}.journal-heading>svg{color:#b49d85;margin:0 auto 18px;display:block}.journal-heading .eyebrow{color:#b39b87}.journal-heading h1{letter-spacing:-.8px;color:#79665e;margin:15px 0;font-size:25px;line-height:1.8}.journal-heading p{color:#b09d9b;font-size:12px;line-height:1.9}.field-label{color:#9c829f;margin-bottom:10px;font-size:12px;display:block}textarea{resize:vertical;color:#6e5679;background:#fdfbfe;border:1px solid #e9e0ed;border-radius:16px;width:100%;min-height:205px;padding:18px;font-size:14px;line-height:1.9}textarea:focus{outline:2px solid #cbb2de}.journal-meta{color:#b29bbc;justify-content:space-between;gap:5px;margin:9px 0 20px;font-size:9px;display:flex}.journal-meta span{align-items:center;gap:4px;display:flex}.local-notice{color:#ad94b5;align-items:center;gap:6px;margin-bottom:20px;font-size:10px;display:flex}.empty{text-align:center;color:#b79dc1;padding:45px 10px}.empty>svg{margin-bottom:18px}.empty h2{color:#90729f;margin-bottom:12px;font-size:19px}.empty p{font-size:12px;line-height:1.9}.saved-story{position:relative}.saved-story .story-card{padding-right:30px}.remove-saved{color:#bba7c3;background:0 0;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:5px;right:3px}.saved-result{border:1px solid var(--line);border-radius:16px;align-items:center;margin-bottom:12px;padding:17px;display:flex}.saved-result>button:first-child{text-align:left;background:0 0;flex:1}.saved-result h3{letter-spacing:-.4px;margin:9px 0;font-size:16px;line-height:1.7}.saved-result small{color:#b79dbd;font-size:10px}.saved-sentence{background:#fffafc;border:1px solid #efdfe8;border-radius:17px;margin-bottom:13px;padding:20px}.saved-sentence blockquote{margin-top:14px;font-size:16px}.note-preview{text-align:left;background:#fefbf7;border:1px solid #eee4db;border-radius:16px;width:100%;margin-bottom:12px;padding:20px;display:block}.note-preview h3{margin:8px 0;font-size:15px;line-height:1.7}.note-preview p{color:#ab9495;white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.source-link{color:#a080b4;border-top:1px solid #f2eaf5;justify-content:space-between;align-items:center;gap:7px;padding:12px 0;font-size:11px;text-decoration:none;display:flex}.toast{bottom:calc(96px + env(safe-area-inset-bottom));color:#fff;z-index:60;background:#41304dec;border-radius:13px;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 40px);padding:14px 19px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #34203f22}.desktop-note{color:#a49bb2;width:230px;display:none;position:fixed;top:25%;right:calc(50% + 300px)}.desktop-mark{color:#a38bbf;background:#e3dced;border-radius:17px;place-items:center;width:49px;height:49px;margin-bottom:30px;display:grid}.desktop-note>p{color:#81708f;letter-spacing:-1px;font-family:Georgia,serif;font-size:30px;line-height:1.4}.desktop-note em{color:#a18bac;font-size:24px;font-weight:400}.desktop-note>span:not(.desktop-mark){color:#aca0b4;font-size:13px;line-height:1.9}.desktop-note small{letter-spacing:1.2px;color:#b6a9c0;margin-top:55px;font-size:9px;display:block}@media (min-width:1100px){.desktop-note{display:block}}@media (max-width:380px){.main{padding-left:18px;padding-right:18px}.topbar{padding:0 18px}.brand{font-size:16px}.hero{min-height:285px;padding:20px}.hero h1{font-size:27px}.hero-art{transform-origin:100%;top:115px;right:5px;transform:scale(.82)rotate(-8deg)}.hero p{max-width:190px;font-size:11px}.topic-grid{gap:7px}.topic strong{font-size:11px}.test-banner{gap:7px;padding:16px 10px}.test-banner h3{font-size:12px}.test-banner p{font-size:9px}.tiny-brand{display:none}.story-card{gap:9px;padding:15px 10px}.story-card h3{font-size:13px}.story-symbol{width:35px;height:43px}.chips{margin-right:-18px;padding-right:18px}.question-title{font-size:23px}.filter-row select{font-size:10px}.result-block{padding:18px}.quiz-card{padding:14px 11px}.quiz-card h3{font-size:13px}.home-top{font-size:10px}.topic>span{font-size:8px}}@keyframes appear{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.result-block p{color:#74647f;font-size:15px}.option{min-height:62px;font-size:14px}.context-line{font-size:13px}.story-card h3{font-size:15px}.page-heading p{color:#84758e}.topic>span{color:#8c7d98}.quiz-card p{color:#8d789b;font-size:11px}.source-link{font-size:12px}.small-note{color:#8e7d99!important}html,body{min-width:0}.app-shell{width:100%}.hero-art{transform-origin:100% 100%;top:auto;bottom:17px;right:10px;transform:scale(.7)rotate(-8deg)}.hero p{max-width:240px}.hero-link{max-width:225px}@media (max-width:480px){.hero-art{bottom:14px;right:9px;transform:scale(.58)rotate(-8deg)}.hero p{max-width:220px}.hero{min-height:285px}.hero h1{font-size:28px}}@media (max-width:380px){.hero h1{letter-spacing:-1px;font-size:24px}.hero-art{bottom:20px;right:8px;transform:scale(.48)rotate(-8deg)}.hero p{max-width:195px;font-size:11px}.hero-link{gap:6px;max-width:190px;font-size:11px}.hero{min-height:270px}.home-top{line-height:1.8}}:root{--primary:#d30c67;--light:#fff0f6;--muted:#75616e;--line:#e9c6d7;--pink:#bf145e;--surface:#fff;--soft:#fff3f8;--text:#35202d;--secondary:#745465;--border:#e9c6d7;--pink-text:#b60b55;--canvas:#fcf6f9;color:var(--text);background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-weight:600}:root[data-theme=dark]{--primary:#f04a99;--light:#402035;--muted:#d7bdce;--line:#77506a;--pink:#ff96c7;--surface:#211923;--soft:#352331;--text:#fff3fa;--secondary:#ddc3d5;--border:#77506a;--pink-text:#ff9ccc;--canvas:#100d13;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--canvas);color:var(--text)}.app-shell{background:var(--surface);color:var(--text)}.topbar,.bottom-nav{background:var(--surface);border-color:var(--border);border-width:2px}.brand{color:var(--text);font-size:19px;font-weight:900}.brand small{color:var(--secondary);font-size:11px;font-weight:700}.brand-mark{background:#ffedf7;border:2px solid #ef5eac;border-radius:13px;flex-shrink:0;width:44px;height:44px;overflow:hidden;transform:none;box-shadow:0 3px 10px #e72b791c}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.icon-button{color:var(--secondary);min-width:36px}.theme-toggle{border:2px solid var(--border);background:var(--soft);border-radius:12px;width:38px;height:38px}.header-actions{align-items:center;gap:2px}.brand-hero{background:linear-gradient(125deg,#fff3f9,#ffe1f0);border:2px solid #ee9ac4;border-radius:23px;min-height:0;padding:21px;box-shadow:0 6px #f9eaf1}.brand-hero:before,.brand-hero:after{display:none}.hero-top{z-index:2;align-items:center;gap:12px;margin-bottom:18px;display:flex;position:relative}.hero-title{flex:1;min-width:0}.hero-brand-image{aspect-ratio:1;object-fit:contain;border:3px solid #fff;border-radius:17px;width:46%;height:auto;display:block;box-shadow:0 7px 18px #c621712b}.brand-hero h1{letter-spacing:-1.2px;color:#402133;-webkit-text-stroke:.25px currentColor;word-break:keep-all;margin:13px 0 10px;font-size:26px;font-weight:900;line-height:1.5}.brand-hero h1 em{color:#c70063}.brand-hero .hero-pill{color:#ba0d60;white-space:nowrap;background:#fff;border:1px solid #edb4d0;padding:6px 8px;font-size:10px;font-weight:850}.hero-caption{color:#8a4164;font-size:12px;font-weight:750;line-height:1.8}.brand-hero p{color:#82415f;max-width:none;margin:0 0 16px;font-size:13px;font-weight:700;line-height:1.8}.brand-hero .hero-link{color:#fff;background:#cc0c66;border:2px solid #b00052;border-radius:12px;justify-content:center;width:100%;max-width:none;min-height:46px;font-size:13px;font-weight:850}.home-top{color:var(--secondary);font-weight:750}.section-head h2{color:var(--text);-webkit-text-stroke:.18px currentColor;font-size:18px;font-weight:900}.section-head>span,.section-head .subcount{color:var(--secondary);font-size:11px;font-weight:700}.section-head .eyebrow,.eyebrow{color:var(--pink-text);font-weight:800}.chip{border:2px solid var(--border);background:var(--surface);color:var(--secondary);min-height:40px;font-size:12px;font-weight:750}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.topic,.story-card,.quiz-card,.result-block,.exercise-row,.saved-result{background:var(--surface);border:2px solid var(--border);color:var(--text)}.topic{border-radius:16px}.topic:hover,.story-card:hover{background:var(--soft);border-color:var(--primary)}.topic strong{font-size:13px;font-weight:850}.topic>span{color:var(--secondary);font-size:10px;font-weight:650}.tone-0{color:#c4146d;background:#ffe5f2}.tone-1{color:#a55030;background:#fff0e8}.tone-2{color:#7950a2;background:#f0e9ff}.tone-3{color:#367d69;background:#e8f4f1}.story-card h3{color:var(--text);font-size:15px;font-weight:850;line-height:1.7}.label{color:var(--pink-text);font-size:11px;font-weight:750}.story-meta{color:var(--secondary);font-size:10px;font-weight:650}.muted{color:var(--secondary)}.text-btn{color:var(--pink-text);font-size:12px;font-weight:800}.test-banner,.lab-feature{background:var(--soft);border:2px solid var(--border);color:var(--pink-text)}.test-banner h3{color:var(--text);font-size:15px;font-weight:850}.test-banner p,.test-banner>svg,.test-art,.test-art span{color:var(--secondary)}.test-banner p{font-size:11px;font-weight:650}.daily-card,.daily-focus,.note-preview{background:var(--soft);border:2px solid var(--border)}.daily-card h3,.daily-focus h2,.note-preview h3{color:var(--text);font-weight:800}.daily-card .eyebrow,.daily-focus .eyebrow,.daily-card .text-btn{color:var(--pink-text)}.daily-card .dot{background:var(--primary)}.page-heading h1,.question-title,.result-heading h1,.quiz-result-top h1,.journal-heading h1{color:var(--text);-webkit-text-stroke:.2px currentColor;font-weight:900}.page-heading p,.context-line{color:var(--secondary);font-weight:650}.searchbox{background:var(--soft);border:2px solid var(--border);color:var(--pink-text)}.searchbox input{color:var(--text);font-size:15px;font-weight:700}.searchbox input::placeholder,.filter-row{color:var(--secondary)}.filter-row select,.full-select{background:var(--surface);color:var(--text);border:2px solid var(--border);font-size:12px;font-weight:750}.primary{background:var(--primary);border:2px solid var(--primary);color:#fff;font-size:14px;font-weight:850}.primary:hover{background:#bc0d5e;border-color:#bc0d5e}.secondary{background:var(--surface);border:2px solid var(--border);color:var(--pink-text);font-weight:800}.secondary.saved{background:var(--soft);color:var(--pink-text)}.back{color:var(--secondary);font-weight:800}.intro-illustration{background:var(--soft);border:2px solid var(--border);color:var(--pink-text)}.intro-illustration span,.intro-illustration strong{color:var(--text);font-weight:750}.result-block h2{color:var(--text);font-size:16px;font-weight:850}.result-block p{color:var(--secondary);font-size:15px;font-weight:600;line-height:1.95}.result-block h3{color:var(--text);font-weight:850}.perspectives span{color:var(--secondary);font-weight:700}.small-note{font-weight:600;color:var(--secondary)!important}.stepbar span{background:var(--border)}.stepbar span.on{background:var(--primary)}.option{border:2px solid var(--border);color:var(--text);background:var(--surface);font-size:14px;font-weight:750}.option.chosen{background:var(--soft);color:var(--pink-text);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.radio{border:2px solid var(--border)}.chosen .radio{background:var(--primary);border-color:var(--primary)}.sticky-action{background:var(--surface)}.result-heading{background:var(--soft);border:2px solid var(--border)}.result-badge{color:var(--pink-text);font-weight:800}.result-heading p,.summary{color:var(--secondary);font-weight:650}.summary{background:var(--surface);border:2px solid var(--border)}.emphasis{background:var(--soft);border:1px solid var(--border)}.possibility{border-color:var(--border)}.possibility b{color:var(--pink-text);font-weight:800}.mini-check,.mini-check svg{color:var(--secondary);font-size:13px;font-weight:700}.talk-block,.saved-sentence{background:var(--soft);border:2px solid var(--border)}.talk-block h2{color:var(--pink-text)}blockquote{color:var(--pink-text);font-weight:750}.button-pair button{background:var(--surface);border:2px solid var(--border);color:var(--pink-text);font-size:12px;font-weight:750}.segments{background:var(--soft);border:1px solid var(--border)}.segments button{color:var(--secondary);font-weight:750}.segments button.active{background:var(--surface);color:var(--pink-text);box-shadow:0 0 0 1px var(--border)}.lab-feature strong{color:var(--text);font-weight:850}.lab-feature p,.quiz-card p,.quiz-bottom{color:var(--secondary);font-weight:650}.quiz-card h3{color:var(--text);font-weight:850}.exercise-row small{color:var(--pink-text);font-weight:750}.exercise-row strong{color:var(--text);font-weight:850}.exercise-icon{background:var(--soft);color:var(--pink-text)}.exercise-row>svg{color:var(--secondary)}.pager{color:var(--secondary);font-weight:750}.pager button{background:var(--soft);border:2px solid var(--border);color:var(--pink-text)}.quiz-top{color:var(--pink-text);font-weight:750}.quiz-result-top p,.scale-label{color:var(--secondary);font-weight:650}.result-orb{color:#a60a53;background:linear-gradient(135deg,#ffe0f0,#f098c3)}.result-scale{background:var(--border)}.result-scale>span{background:var(--primary);box-shadow:0 0 0 1px var(--border)}.answer-review{border-color:var(--border);color:var(--secondary)}.answer-review b{color:var(--pink-text)}.notice-card,.speech>span{background:var(--soft);color:var(--secondary);border:1px solid var(--border);font-weight:650}.journal-heading>svg,.journal-heading .eyebrow{color:var(--pink-text)}.journal-heading p,.field-label,.journal-meta,.local-notice{color:var(--secondary);font-weight:650}textarea{background:var(--surface);color:var(--text);border:2px solid var(--border);font-weight:650}textarea::placeholder,.empty,.empty h2,.saved-result small,.note-preview p{color:var(--secondary)}.source-link{color:var(--pink-text);border-color:var(--border);font-weight:750}.footnote,.footnote button{color:var(--secondary);font-weight:650}.bottom-nav button{color:var(--secondary);font-size:11px;font-weight:750}.bottom-nav button.active{color:var(--pink-text);font-weight:900}.bottom-nav button.active>span{background:var(--soft);border:1px solid var(--border)}.desktop-note>p{color:var(--text)}.desktop-note em{color:var(--pink-text)}.desktop-note>span:not(.desktop-mark),.desktop-note small{color:var(--secondary)}.desktop-mark{background:var(--soft);border:3px solid #ee8dbc;border-radius:22px;width:100px;height:100px;overflow:hidden}.desktop-mark img{width:100%;height:100%;display:block}.toast{color:#fff;background:#5f153b;border:1px solid #ffabd2;font-weight:750}.danger{color:#bb235f!important}[data-theme=dark] .brand-hero{background:linear-gradient(125deg,#352030,#4e203a);border-color:#9d4f7b;box-shadow:0 6px #120f16}[data-theme=dark] .brand-hero h1{color:#fff5fc}[data-theme=dark] .brand-hero h1 em{color:#ff9fce}[data-theme=dark] .brand-hero .hero-caption,[data-theme=dark] .brand-hero p{color:#f1c9df}[data-theme=dark] .brand-hero .hero-pill{color:#ffd8ec;background:#542641;border-color:#a6658b}[data-theme=dark] .hero-brand-image{border-color:#a65d88}[data-theme=dark] .brand-hero .hero-link{background:#d91b74;border-color:#f377b6}[data-theme=dark] .tone-0{color:#ffafd5;background:#522740}[data-theme=dark] .tone-1{color:#ffc29e;background:#453024}[data-theme=dark] .tone-2{color:#d8b8ff;background:#382b4c}[data-theme=dark] .tone-3{color:#a5dfcd;background:#233d37}[data-theme=dark] .lab-feature.peach{border-color:var(--border);color:#ffc0d1;background:#3e2932}[data-theme=dark] .safety-box{color:#ffe0b0;background:#3e3021;border-color:#9e7947}[data-theme=dark] .practice-feedback{color:#ffd1b6;background:#3e3028;border:1px solid #926a50}[data-theme=dark] .practice-feedback.good{color:#b8ead0;background:#203c32;border:1px solid #4c866c}[data-theme=dark] .danger{color:#ff9bbd!important}[data-theme=dark] .green{color:#9ddbbd!important}[data-theme=dark] .result-orb{color:#ffd5ed;background:linear-gradient(135deg,#4b2744,#813f68)}[data-theme=dark] .remove-saved{color:#edb8d5}:is([data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible){outline-color:#ffc1e1}@media (max-width:380px){.brand{gap:7px;font-size:16px}.brand small{font-size:10px}.brand-mark{width:38px;height:38px}.header-actions .icon-button{width:30px;min-width:30px}.header-actions .theme-toggle{width:34px;min-width:34px}.topbar{padding:0 14px}.brand-hero{padding:16px}.brand-hero h1{letter-spacing:-1px;font-size:21px;line-height:1.55}.brand-hero .hero-pill{padding:5px;font-size:9px}.hero-top{gap:8px}.hero-caption{font-size:11px}.hero-brand-image{border-width:2px;border-radius:12px;width:46%}.brand-hero p,.topic strong{font-size:12px}.topic>span{font-size:9px}.story-card h3{font-size:14px}.section-head h2{font-size:17px}.section-head>span{font-size:10px}}.footnote{flex-wrap:wrap}.footnote a{color:var(--pink-text);text-underline-offset:3px;padding:6px;font-weight:800;text-decoration:underline}