/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#252822;--muted:#7d8178;--line:#e9ebe4;--cream:#f7f7f2;--green:#315f4b;--green-soft:#d9ead8;--peach:#f1ab8c;--yellow:#edc967;--blue:#87bcca;--purple:#bca4ce}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:var(--cream);margin:0;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif}button{color:inherit;font:inherit}button,[role=button]{cursor:pointer}.app-shell{--page-bg:#f7f7f2;background:var(--page-bg);min-height:100vh;transition:background .25s;display:flex}.background-sky{--page-bg:#eef6f8}.background-peach{--page-bg:#fff3ed}.background-lavender{--page-bg:#f5f1f8}.background-mint{--page-bg:#eff6ef}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fffffdf5;flex-direction:column;width:248px;padding:28px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.brand-mark:before{content:"";background:var(--green);border-radius:16px 20px 17px 22px;position:absolute;inset:2px;transform:rotate(-4deg)}.brand-mark span{color:#fff;margin:-1px;font-size:14px;font-weight:800;position:relative}.brand strong{letter-spacing:-.5px;font-size:20px;display:block}.brand p{letter-spacing:.09em;color:#9b9e95;margin:3px 0 0;font-size:13px}.menu-title{color:#a2a59e;letter-spacing:.12em;margin:0 12px 10px;font-size:13px;font-weight:700}.people-title{margin-top:30px}.menu-list{flex-direction:column;gap:4px;display:flex}.menu-item{color:#6f746b;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:13px;width:100%;min-height:43px;padding:7px 12px;font-size:16px;font-weight:620;transition:all .18s;display:flex}.menu-link{text-decoration:none}.menu-item:hover{background:#f5f6f1;transform:translate(2px)}.menu-item.active{color:var(--green);background:#e8f0e7}.menu-icon{place-items:center;width:24px;height:24px;font-size:22px;font-weight:600;display:grid}.family-menu-icon{border:1px solid #ffffffc2;border-radius:10px;flex:0 0 30px;width:30px;height:30px;font-size:17px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 10px #40494014}.menu-item:hover .family-menu-icon{transform:rotate(-4deg)scale(1.05);box-shadow:0 6px 13px #4049401f}.icon-home{color:#4f8059;background:linear-gradient(145deg,#dff0dc,#cfe6d1)}.icon-schedule{color:#557fa7;background:linear-gradient(145deg,#e4f0fa,#d4e6f5)}.icon-travel{color:#bd725f;background:linear-gradient(145deg,#fde9e2,#f7d8ce)}.icon-treasure{color:#957122;background:linear-gradient(145deg,#fff1c8,#f5dfa0)}.icon-typing{color:#4e806d;background:linear-gradient(145deg,#dff2eb,#cde6dc)}.icon-element{color:#486f9d;background:linear-gradient(145deg,#e1ecfb,#cadbf3)}.icon-word{color:#80649e;background:linear-gradient(145deg,#eee7f6,#ded1eb)}.icon-letter-train{color:#8e641b;background:linear-gradient(145deg,#fff0bf,#f6d98a);font-size:15px}.icon-budget{color:#ad6746;background:linear-gradient(145deg,#fae6d8,#f2d1bd)}.avatar{color:#fff;border-radius:10px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.avatar-peach,.peach{background:var(--peach)}.avatar-yellow,.yellow{background:var(--yellow)}.avatar-green,.green{background:#77a77d}.avatar-blue,.blue{background:var(--blue)}.avatar-purple,.purple{background:var(--purple)}.has-family-image{overflow:hidden;padding:0!important}.has-family-image img{object-fit:cover;object-position:center 12%;width:100%;height:100%;display:block}.cropped-family-image{background-repeat:no-repeat;background-size:200% 200%;width:100%;height:100%;display:block}.chevron{color:#b6b9b1;margin-left:auto;font-size:23px;font-weight:300}.sidebar-footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.sidebar-note{color:#77776f;background:#f7f3ea;border-radius:15px;gap:10px;margin:0 5px;padding:16px 14px;display:flex}.sidebar-note>span{color:var(--peach)}.sidebar-note p{margin:0;font-size:13px;line-height:1.7}.settings-menu{border-top:1px solid var(--line);border-radius:0 0 13px 13px;padding-top:11px}.content{width:calc(100% - 248px);min-height:100vh;margin-left:248px}.icon-math{color:#5f8b59;background:linear-gradient(145deg,#e8f3df,#d8eacb);font-size:11px!important}.page-body{max-width:1440px;margin:0 auto;padding:36px 4.8vw 60px}.dashboard-page{--dashboard-bg:#dcebd9;--dashboard-hill-back:#abcfa9;--dashboard-hill-front:#7eb387;border-radius:0 0 34px 34px;transition:background .25s}.dashboard-theme-meadow{background:linear-gradient(#dcebd957,#0000 76%)}.dashboard-theme-sky{--dashboard-bg:#dceef3;--dashboard-hill-back:#9bc5d2;--dashboard-hill-front:#75a9b9;background:linear-gradient(#dceef36b,#0000 76%)}.dashboard-theme-sunset{--dashboard-bg:#f7dfd3;--dashboard-hill-back:#e2b29d;--dashboard-hill-front:#cb8c76;background:linear-gradient(#f7dfd36b,#0000 76%)}.dashboard-theme-lavender{--dashboard-bg:#e9e1f0;--dashboard-hill-back:#b9a8ca;--dashboard-hill-front:#9780ae;background:linear-gradient(#e9e1f070,#0000 76%)}.dashboard-theme-ocean{--dashboard-bg:#d9edf0;--dashboard-hill-back:#85bdc5;--dashboard-hill-front:#5897a3;background:linear-gradient(#d9edf070,#0000 76%)}.welcome-card{background:var(--dashboard-bg);border-radius:28px;min-height:305px;transition:background .25s;display:flex;position:relative;overflow:hidden}.welcome-copy{z-index:2;width:54%;padding:42px 5%}.pill{color:var(--green);background:#ffffffb8;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:750;display:inline-block}.welcome-copy h2{letter-spacing:-.07em;margin:14px 0 10px;font-size:clamp(33px,3.3vw,50px);line-height:1.14}.welcome-copy h2 em{color:var(--green);font-style:normal}.welcome-copy p{color:#687167;margin:0 0 23px;font-size:15px;line-height:1.65}.primary-button{background:var(--green);color:#fff;border:0;border-radius:12px;padding:12px 17px;font-size:14px;font-weight:700;box-shadow:0 7px 14px #315f4b1f}.primary-button span{margin-left:14px}.family-scene{width:51%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.sun{color:#fff;background:#f5d57b;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:16%;right:16%}.cloud{background:#ffffff9e;border-radius:999px;width:82px;height:22px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.cloud:before{width:30px;height:30px;left:15px}.cloud:after{width:38px;height:38px;right:13px}.cloud-one{top:24%;right:34%}.cloud-two{opacity:.7;top:42%;right:4%;transform:scale(.7)}.hill{transform-origin:bottom;border-radius:50% 50% 0 0;position:absolute}.hill-back{background:var(--dashboard-hill-back);width:115%;height:68%;bottom:-28%;right:-23%;transform:rotate(-8deg)}.hill-front{background:var(--dashboard-hill-front);width:100%;height:50%;bottom:-22%;right:-13%;transform:rotate(8deg)}.family-dots{z-index:3;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:26%;left:16%;right:8%}.dot{color:#fff;border:4px solid #ffffffdb;border-radius:24px 24px 20px 20px;place-items:center;width:48px;height:56px;font-weight:800;display:grid;box-shadow:0 6px 15px #315f4b21}.dot:nth-child(2){height:64px}.dot:nth-child(3){width:42px;height:49px}.dot:nth-child(4){width:40px;height:45px}.dot:nth-child(5){width:37px;height:41px}.section-heading{justify-content:space-between;align-items:flex-end;margin:34px 1px 15px;display:flex}.section-heading span{color:#a2a59d;font-size:12px}.section-heading h2{letter-spacing:-.04em;margin:3px 0 0;font-size:22px}.section-heading button,.card-top button{color:#8c9088;background:0 0;border:0;font-size:13px}.section-heading button span{margin-left:8px}.event-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.event-card{background:#ffffffd4;border:1px solid #ebede6;border-radius:18px;align-items:center;gap:13px;min-width:0;padding:17px;display:flex}.date-box{color:#fff;border-radius:15px;flex:none;align-content:center;place-items:center;width:52px;height:58px;display:grid}.date-box strong{font-size:23px;line-height:1.1}.date-box span{font-size:12px}.event-copy{min-width:0}.event-copy>span{color:#9da097;font-size:11px}.event-copy h3{white-space:nowrap;text-overflow:ellipsis;margin:3px 0 4px;font-size:16px;overflow:hidden}.event-copy p{color:#9a9d95;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.event-card>button{color:#b3b6ae;background:0 0;border:0;margin-left:auto;font-size:25px}.event-empty-card{background:#ffffffa8;border:1px dashed #dce2d8;border-radius:18px;grid-column:1/-1;align-items:center;gap:14px;min-height:92px;padding:17px 19px;display:flex}.event-empty-card>span{color:#5b7e61;background:#e6efe3;border-radius:14px;place-items:center;width:45px;height:45px;font-size:22px;display:grid}.event-empty-card strong{font-size:14px;display:block}.event-empty-card p{color:#92988f;margin:4px 0 0;font-size:11px}.event-empty-card button{color:#fff;background:#315f4b;border:0;border-radius:11px;margin-left:auto;padding:10px 13px;font-size:11px;font-weight:750}.event-empty-card button span{margin-left:6px}.summary-grid{grid-template-columns:.86fr 1.2fr .86fr;gap:13px;margin-top:18px;display:grid}.summary-card{background:#fff;border-radius:22px;min-height:238px;padding:22px;position:relative;overflow:hidden}.travel-card{background:#e4edf2}.budget-card{background:#f1e7da}.memory-card{background:#e8e3ef}.card-top{justify-content:space-between;align-items:center;display:flex}.round-icon{width:35px;height:35px;color:var(--green);background:#ffffffb3;border-radius:12px;place-items:center;font-weight:700;display:grid}.summary-card>p{color:#7b817b;margin:22px 0 4px;font-size:12px}.summary-card h3{letter-spacing:-.04em;margin:0;font-size:21px;line-height:1.35}.travel-stat{align-items:baseline;gap:6px;display:flex;position:absolute;bottom:21px;left:22px;right:22px}.travel-stat strong{font-size:31px}.travel-stat span{color:#7d827d;font-size:12px}.tiny-landscape{margin-left:auto;color:#83abb8!important;font-size:35px!important}.budget-row{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:36px;left:22px;right:22px}.budget-row div span{color:#8e8d86;margin-bottom:4px;font-size:11px;display:block}.budget-row strong{font-size:20px}.trend{color:#7b9c76;background:#fff9;border-radius:8px;padding:5px 7px;font-size:11px}.progress{background:#ffffffa6;border-radius:5px;height:5px;position:absolute;bottom:21px;left:22px;right:22px}.progress span{border-radius:inherit;background:var(--peach);width:64%;height:100%;display:block}.photo-stack{align-items:center;display:flex;position:absolute;bottom:21px;left:22px}.photo-stack span{background:#fff;border:3px solid #e8e3ef;border-radius:13px;place-items:center;width:39px;height:39px;margin-right:-8px;font-size:21px;display:grid}.photo-stack b{color:#756f7c;margin-left:15px;font-size:13px}.dashboard-typing-card{background:#e3efe5}.dashboard-word-card{background:#ebe5f2}.dashboard-typing-card h3,.dashboard-word-card h3{white-space:pre-line}.dashboard-card-metric{grid-template-columns:auto 1fr 30px;align-items:center;gap:8px;display:grid;position:absolute;bottom:20px;left:22px;right:22px}.dashboard-card-metric>strong{letter-spacing:-.04em;font-size:28px}.dashboard-card-metric>span{color:#7d857d;font-size:10px;line-height:1.4}.dashboard-card-metric>button{color:#52705a;background:#ffffffb3;border:0;border-radius:10px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.dashboard-quick-links{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:14px;display:grid}.dashboard-quick-links>a,.dashboard-quick-links>button{color:#4f574f;text-align:left;background:#ffffffc2;border:1px solid #e7eae3;border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;min-width:0;min-height:68px;padding:11px 13px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.dashboard-quick-links>a:hover,.dashboard-quick-links>button:hover{border-color:#bdcdbd;transform:translateY(-2px)}.quick-link-icon{border-radius:13px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:grid}.quick-link-icon.treasure{color:#8b6a22;background:#f8e8b8}.quick-link-icon.schedule{color:#577d9e;background:#dceaf5}.quick-link-icon.settings{color:#77678a;background:#e9e5ef}.dashboard-quick-links small,.dashboard-quick-links strong{display:block}.dashboard-quick-links small{color:#969c94;font-size:9px}.dashboard-quick-links strong{margin-top:3px;font-size:13px}.dashboard-quick-links b{color:#9da39c;font-size:17px;font-weight:500}.family-activity-heading{margin-top:18px}.family-activity-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.family-activity-card{color:#4d554e;text-align:left;background:#ffffffd1;border:1px solid #e4e7df;border-radius:18px;min-width:0;min-height:164px;padding:13px;transition:transform .16s,box-shadow .16s}.family-activity-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #3a453a14}.family-activity-card header{grid-template-columns:38px 1fr auto;align-items:center;gap:9px;display:grid}.family-activity-avatar{color:#fff;border:3px solid #fff;border-radius:13px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:850;display:grid;overflow:hidden;box-shadow:0 4px 10px #3f483e14}.family-activity-card header strong,.family-activity-card header span{display:block}.family-activity-card header strong{font-size:15px}.family-activity-card header span{color:#939991;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.family-activity-card header i{color:#a0a69e;font-size:19px;font-style:normal}.family-activity-list{flex-direction:column;gap:5px;margin-top:11px;display:flex}.family-activity-list>div{background:#f6f7f2d9;border-radius:9px;grid-template-columns:23px minmax(0,1fr) auto auto;align-items:center;gap:5px;min-width:0;min-height:29px;padding:5px 6px;display:grid}.activity-game-icon{color:#5d7862;background:#fff;border-radius:7px;place-items:center;width:23px;height:23px;font-size:9px;font-weight:900;display:grid}.family-activity-list>div>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.family-activity-list strong{white-space:nowrap;font-size:10px}.family-activity-list small{color:#91988f;white-space:nowrap;font-size:8px}.family-activity-empty{color:#949a92;background:#f8f8f4cc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:85px;margin-top:10px;display:flex}.family-activity-empty span{color:#d89988;font-size:18px}.family-activity-empty strong{margin-top:5px;font-size:10px}.activity-peach{background:linear-gradient(145deg,#fffaf7f0,#fae8dfd1)}.activity-yellow{background:linear-gradient(145deg,#fffdf5f0,#f9efcdd4)}.activity-green{background:linear-gradient(145deg,#f9fdf8f0,#deeddddb)}.activity-blue{background:linear-gradient(145deg,#f8fcfdf0,#deedf1db)}.activity-purple{background:linear-gradient(145deg,#fcf9fdf0,#ede4f2db)}.treasure-hub-page{max-width:1540px;margin:0 auto;padding:24px 2.5vw 38px}.treasure-hub-heading{background:linear-gradient(120deg,#dcebd9eb,#f5f1deeb);border:1px solid #dbe2d8e6;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;padding:19px 23px;display:flex}.treasure-hub-heading>div>span{color:#769077;letter-spacing:.15em;font-size:11px;font-weight:800}.treasure-hub-heading h2{color:var(--green);letter-spacing:-.045em;margin:5px 0 4px;font-size:26px}.treasure-hub-heading p{color:#747d70;margin:0;font-size:13px;line-height:1.55}.treasure-hub-heading>a{background:var(--green);color:#fff;border-radius:12px;flex:none;padding:11px 14px;font-size:13px;font-weight:750;text-decoration:none;box-shadow:0 7px 16px #315f4b24}.treasure-hub-heading>a span{margin-left:7px}.treasure-frame-card{background:#fff;border:1px solid #dfe4dc;border-radius:20px;overflow:hidden;box-shadow:0 13px 34px #2e3f3117}.treasure-frame-bar{background:#f7f8f4;border-bottom:1px solid #e8ebe4;grid-template-columns:1fr auto 1fr;align-items:center;height:42px;padding:0 13px;display:grid}.treasure-frame-bar>div{gap:5px;display:flex}.treasure-frame-bar i{background:#d9aaa0;border-radius:50%;width:7px;height:7px}.treasure-frame-bar i:nth-child(2){background:#e1c775}.treasure-frame-bar i:nth-child(3){background:#8fb59a}.treasure-frame-bar strong{color:#7b8178;letter-spacing:.04em;font-size:12px}.treasure-frame-bar>a{width:25px;height:25px;color:var(--green);background:#fff;border-radius:8px;justify-self:end;place-items:center;font-size:16px;text-decoration:none;display:grid}.treasure-frame-card iframe{background:#fbfaf5;border:0;width:100%;height:calc(100vh - 242px);min-height:650px;display:block}.treasure-frame-guide{color:#92978f;text-align:right;margin:10px 2px 0;font-size:12px}.travel-page{min-height:calc(100vh - 96px)}.travel-heading{background:#dfecef;border-radius:28px;justify-content:space-between;align-items:center;min-height:235px;padding:39px 40px;display:flex;position:relative;overflow:hidden}.travel-heading>div:first-child{z-index:2;position:relative}.travel-kicker{color:#6f8a8e;letter-spacing:.12em;font-size:12px;font-weight:800}.travel-heading h2{letter-spacing:-.065em;margin:9px 0;font-size:clamp(32px,3vw,45px);line-height:1.15}.travel-heading h2 em{color:#4b7b83;font-style:normal}.travel-heading p{color:#718084;margin:0;font-size:14px;line-height:1.6}.new-trip-button{z-index:2;background:var(--green);color:#fff;border:0;border-radius:14px;padding:14px 18px;font-size:14px;font-weight:750;position:relative;box-shadow:0 9px 20px #315f4b29}.new-trip-button span{margin-right:7px;font-size:18px}.new-trip-button:hover{transform:translateY(-1px)}.travel-orbit{border:1px solid #4f7a821f;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-65%;right:2%}.travel-orbit:before,.travel-orbit:after{content:"";border:1px solid #4f7a821f;border-radius:50%;position:absolute;inset:36px}.travel-orbit:after{inset:80px}.travel-orbit span{color:#f0c96d;font-size:30px;position:absolute;top:50px;left:35px}.travel-orbit i{background:#ffffff80;border-radius:999px;width:76px;height:25px;position:absolute;top:10px;left:105px}.travel-orbit b{color:#78aab3;font-size:61px;font-weight:400;position:absolute;top:82px;left:145px}.travel-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;display:grid}.travel-stats>div{background:#ffffffb8;border:1px solid #e1e4dbcc;border-radius:18px;align-items:baseline;gap:7px;padding:18px 20px;display:flex}.travel-stats span{color:#8b9087;margin-right:auto;font-size:12px}.travel-stats strong{letter-spacing:-.04em;font-size:27px}.travel-stats small{color:#a1a49d;font-size:11px}.next-trip-card{background:#ffffffd4;border:1px solid #e1e4dbcc;border-radius:24px;grid-template-columns:.8fr 1.15fr .85fr;min-height:235px;display:grid;overflow:hidden}.next-trip-scene{background:linear-gradient(#f5d7bb 0 53%,#9fc7cf 53%);min-height:235px;position:relative;overflow:hidden}.next-trip-scene>span{z-index:3;color:#7e7770;background:#ffffffb3;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:750;position:absolute;top:18px;left:18px}.scene-sun{background:#f5c565;border-radius:50%;width:46px;height:46px;position:absolute;top:22%;right:20%;box-shadow:0 0 0 10px #ffe6ab3d}.scene-wave{border-radius:50% 50% 0 0;width:120%;position:absolute;left:-10%}.wave-one{background:#79aeb9;height:47%;bottom:-19%;transform:rotate(4deg)}.wave-two{background:#5e98a5;height:31%;bottom:-13%;transform:rotate(-4deg)}.next-trip-copy{padding:34px 30px}.status-chip{border-radius:8px;padding:6px 9px;font-size:11px;font-weight:750;display:inline-flex}.status-chip.planning{color:#4f7d55;background:#e3efe1}.status-chip.completed{color:#6f7470;background:#ffffffbf}.next-trip-copy h3{letter-spacing:-.05em;margin:12px 0 6px;font-size:26px}.trip-location{color:#7d827a;margin:0;font-size:13px}.trip-note{color:#969a92;margin:18px 0 14px;font-size:13px;line-height:1.5}.trip-people{display:flex}.trip-people span,.trip-people b{color:#fff;background:#91b596;border:2px solid #fff;border-radius:10px;place-items:center;width:27px;height:27px;margin-right:-5px;font-size:11px;font-weight:750;display:grid}.trip-people span:nth-child(2),.trip-people b:nth-child(2){background:var(--yellow)}.trip-people span:nth-child(3),.trip-people b:nth-child(3){background:var(--peach)}.trip-people span:nth-child(4),.trip-people b:nth-child(4){background:var(--blue)}.trip-people span:nth-child(5),.trip-people b:nth-child(5){background:var(--purple)}.trip-progress-box{background:#f6f4ed;border-radius:18px;flex-direction:column;justify-content:center;align-self:stretch;margin:28px 28px 28px 0;padding:22px;display:flex}.trip-progress-box>div:first-child{color:#7d8179;justify-content:space-between;font-size:12px;display:flex}.trip-progress-box>div strong{color:var(--ink);font-size:14px}.trip-progress{background:#fff;border-radius:6px;height:6px;margin:12px 0 18px;overflow:hidden}.trip-progress span{border-radius:inherit;background:#7fa987;width:43%;height:100%;display:block}.trip-progress-box button{color:#687169;background:#fff;border:0;border-radius:10px;padding:9px;font-size:12px;font-weight:700}.trip-progress-box button span{margin-left:8px}.travel-list-heading{justify-content:space-between;align-items:flex-end;margin:32px 1px 15px;display:flex}.travel-list-heading>div:first-child>span{color:#9da198;letter-spacing:.12em;font-size:11px}.travel-list-heading h3{letter-spacing:-.04em;margin:4px 0 0;font-size:22px}.travel-filters{background:#e9ebe4cc;border-radius:11px;padding:3px;display:flex}.travel-filters button{color:#8a8e86;background:0 0;border:0;border-radius:8px;padding:7px 11px;font-size:12px}.travel-filters button.active{color:var(--green);background:#fff;font-weight:750;box-shadow:0 2px 6px #3c463c0f}.travel-year-filter{background:#ffffff94;border:1px solid #e1e4dbcc;border-radius:14px;align-items:center;gap:5px;margin-bottom:21px;padding:8px 10px;display:flex;overflow-x:auto}.travel-year-filter>span{color:#9ca098;flex:none;margin:0 8px 0 3px;font-size:11px;font-weight:700}.travel-year-filter button{color:#858a81;background:0 0;border:0;border-radius:9px;flex:none;padding:7px 12px;font-size:12px}.travel-year-filter button.active{background:var(--green);color:#fff;font-weight:750;box-shadow:0 4px 10px #315f4b24}.travel-year-groups{flex-direction:column;gap:29px;display:flex}.travel-year-section{min-width:0}.travel-year-heading{justify-content:space-between;align-items:baseline;margin:0 2px 12px;display:flex}.travel-year-heading>div{align-items:baseline;gap:4px;display:flex}.travel-year-heading strong{color:var(--green);letter-spacing:-.055em;font-size:29px}.travel-year-heading span,.travel-year-heading p{color:#989c94;font-size:12px}.travel-year-heading p{margin:0;padding-left:14px;position:relative}.travel-year-heading p:before{content:"";background:#c7cbc3;width:8px;height:1px;position:absolute;top:50%;left:0}.trip-card-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.trip-card{background:#ffffffd4;border:1px solid #e0e3dae6;border-radius:21px;overflow:hidden}.trip-cover{height:155px;position:relative;overflow:hidden}.cover-sea{background:linear-gradient(160deg,#d8edf1 0 45%,#91c3cc 45% 70%,#e4d19d 70%)}.cover-forest{background:linear-gradient(155deg,#dfe9d6 0 44%,#8db18a 44% 72%,#6e966f 72%)}.cover-sunset{background:linear-gradient(160deg,#f4d5b9 0 50%,#e8a787 50% 68%,#8db7c1 68%)}.cover-city{background:linear-gradient(150deg,#e8e1ef 0 48%,#ac9bbe 48% 70%,#7fa7b1 70%)}.trip-cover>.status-chip{z-index:3;pointer-events:none;position:absolute;top:14px;left:14px}.trip-menu-button{z-index:4;color:#777c75;letter-spacing:1px;background:#ffffffa6;border:0;border-radius:9px;width:30px;height:25px;font-size:12px;position:absolute;top:11px;right:12px}.thumbnail-open-button{z-index:2;cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.thumbnail-open-button:focus-visible{outline-offset:-5px;outline:3px solid #fff}.cover-landscape span{color:#f7d36d;font-size:26px;position:absolute;top:24%;right:18%}.cover-landscape i{background:#47765354;border-radius:50% 50% 0 0;width:80%;height:65%;position:absolute;bottom:-22%}.cover-landscape i:first-of-type{left:-22%;transform:rotate(12deg)}.cover-landscape i:last-of-type{background:#31604b40;right:-27%;transform:rotate(-12deg)}.thumbnail-guide{z-index:3;color:#747a74;opacity:0;pointer-events:none;background:#ffffff9e;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700;transition:opacity .18s;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.trip-cover:hover .thumbnail-guide{opacity:1}.trip-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.trip-cover.has-photo:after,.trip-detail-hero.has-photo:after{content:"";pointer-events:none;background:linear-gradient(#1b231d0d,#1b231d4d);position:absolute;inset:0}.trip-card-copy{padding:18px}.trip-card-copy>span{color:#9a9e96;font-size:11px}.trip-card-copy h4{letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis;margin:5px 0;font-size:18px;overflow:hidden}.trip-card-copy>p{color:#83887f;margin:0 0 14px;font-size:12px}.trip-card-copy>div{border-top:1px solid #eceee8;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.trip-card-copy>div>span{color:#9b9e97;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.trip-people.small{flex:none}.trip-people.small b{border-radius:8px;width:22px;height:22px;font-size:10px}.open-trip-button{color:#627066;background:#f1f4ef;border:0;border-radius:10px;align-items:center;gap:7px;width:100%;margin-top:14px;padding:10px 11px;font-size:12px;font-weight:700;display:flex}.open-trip-button:hover{background:#e7efe5}.open-trip-button>span{color:#77937d;font-size:15px}.open-trip-button b{margin-left:auto;font-weight:500}.travel-next-ideas{background:#ffffff94;border:1px dashed #d9ddd3;border-radius:21px;justify-content:space-between;align-items:center;gap:25px;margin-top:17px;padding:24px 26px;display:flex}.travel-next-ideas>div span{color:#a0a49b;font-size:11px}.travel-next-ideas h3{margin:5px 0 0;font-size:17px}.travel-next-ideas ul{gap:8px;margin:0;padding:0;list-style:none;display:flex}.travel-next-ideas li{background:#ffffffbf;border-radius:12px;min-width:105px;padding:11px}.travel-next-ideas li>span{width:24px;height:24px;color:var(--green);background:#e5efe3;border-radius:8px;place-items:center;margin-bottom:8px;font-size:14px;display:grid}.travel-next-ideas strong,.travel-next-ideas small{display:block}.travel-next-ideas strong{font-size:12px}.travel-next-ideas small{color:#9da098;margin-top:3px;font-size:10px}.travel-empty{text-align:center;background:#ffffff6b;border:1px dashed #d5dad1;border-radius:20px;padding:50px 20px}.travel-empty>span{color:#8db6bd;font-size:38px}.travel-empty h4{margin:10px 0 5px;font-size:17px}.travel-empty p{color:#999d95;margin:0;font-size:12px}.travel-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#232b2470;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.travel-modal{background:#fffefa;border-radius:26px;width:min(680px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #1e2a2133}.travel-modal-header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffefaf2;border-bottom:1px solid #e9ebe4;justify-content:space-between;align-items:center;padding:22px 25px;display:flex;position:sticky;top:0}.travel-modal-header>div{align-items:center;gap:13px;display:flex}.modal-icon{color:#5f8d95;background:#dfecef;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.travel-modal-header small{color:#a0a49c;font-size:11px;display:block}.travel-modal-header h2{letter-spacing:-.04em;margin:3px 0 0;font-size:22px}.travel-modal-header>button{color:#777c74;background:#f2f3ef;border:0;border-radius:11px;width:34px;height:34px;font-size:25px;font-weight:300}.travel-modal form{padding:24px 25px 26px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{margin-bottom:15px;display:block}.form-field>span,.member-field legend{color:#60655e;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.form-field b,.member-field b{color:var(--peach)}.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #e1e4dc;border-radius:11px;outline:none;padding:11px 12px;font-size:13px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#8eae92;box-shadow:0 0 0 3px #7ea6841f}.form-field textarea{resize:vertical;line-height:1.55}.member-field{border:0;margin:0 0 15px;padding:0}.member-field>div{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.member-field button{color:#7c8178;background:#fff;border:1px solid #e4e7df;border-radius:11px;align-items:center;gap:6px;padding:9px 7px;font-size:12px;display:flex;position:relative}.member-field button.selected{color:var(--green);background:#f1f7f0;border-color:#8eb194}.member-dot{background:var(--peach);color:#fff;border-radius:8px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:750;display:grid}.member-1{background:var(--yellow)}.member-2{background:#77a77d}.member-3{background:var(--blue)}.member-4{background:var(--purple)}.member-field button i{color:#0000;margin-left:auto;font-size:11px;font-style:normal}.member-field button.selected i{color:var(--green)}.form-guide{color:#8d9189;background:#f3f5f0;border-radius:10px;margin:1px 0 20px;padding:11px 13px;font-size:11px;line-height:1.6}.form-actions{justify-content:flex-end;gap:8px;display:flex}.form-actions>button:first-child{color:#777c74;background:#fff;border:1px solid #e1e4dc;border-radius:11px;padding:11px 17px;font-size:13px}.trip-detail-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1f282180;padding:24px;position:fixed;inset:0;overflow-y:auto}.trip-detail-panel{background:#faf9f4;border-radius:28px;width:min(980px,100%);min-height:calc(100vh - 48px);margin:0 auto;overflow:hidden;box-shadow:0 24px 80px #1d271f38}.trip-detail-hero{height:270px;position:relative;overflow:hidden}.trip-detail-hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.trip-detail-hero>button{z-index:4;color:#5f675f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:0;border-radius:13px;place-items:center;width:38px;height:38px;font-size:26px;display:grid;position:absolute;top:20px;right:20px}.trip-detail-hero>div:last-child{z-index:3;color:#fff;text-shadow:0 2px 12px #1d271f4d;position:absolute;bottom:30px;left:35px}.trip-detail-hero>div:last-child>span{font-size:12px}.trip-detail-hero h2{letter-spacing:-.055em;margin:7px 0 5px;font-size:35px}.trip-detail-hero p{margin:0;font-size:13px}.detail-landscape span{color:#f6d269;font-size:38px;position:absolute;top:18%;right:20%}.detail-landscape i{background:#35684a70;border-radius:50% 50% 0 0;width:75%;height:80%;position:absolute;bottom:-30%}.detail-landscape i:first-of-type{left:-18%;transform:rotate(9deg)}.detail-landscape i:last-of-type{background:#305c4a59;right:-22%;transform:rotate(-9deg)}.trip-detail-body{grid-template-columns:1.06fr .94fr;gap:18px;padding:27px;display:grid}.trip-photo-section,.trip-writing-section{background:#ffffffbf;border:1px solid #e5e7e0;border-radius:20px;min-width:0;padding:22px}.detail-section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:17px;display:flex}.detail-section-heading>div>span{color:#9da198;letter-spacing:.12em;font-size:10px}.detail-section-heading h3{margin:4px 0 0;font-size:19px}.detail-section-heading>small{color:#959a91;font-size:11px}.trip-photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.add-photo-tile,.trip-photo{aspect-ratio:1;border-radius:13px;position:relative;overflow:hidden}.add-photo-tile{color:#798279;cursor:pointer;background:#f4f6f2;border:1px dashed #bfc8bd;flex-direction:column;justify-content:center;align-items:center;display:flex}.add-photo-tile input{opacity:0;width:1px;height:1px;position:absolute}.add-photo-tile>span{width:27px;height:27px;color:var(--green);background:#dfeadf;border-radius:9px;place-items:center;margin-bottom:6px;font-size:19px;display:grid}.add-photo-tile strong{font-size:11px}.add-photo-tile small{color:#a1a59e;margin-top:3px;font-size:9px}.trip-photo{background:#e8ebe5;margin:0}.trip-photo img{object-fit:cover;width:100%;height:100%}.trip-photo button{color:#fff;background:#1e251f94;border:0;border-radius:8px;width:22px;height:22px;font-size:17px;position:absolute;top:6px;right:6px}.photo-empty-guide{color:#969a92;text-align:center;background:#f5f5f0;border-radius:9px;margin:12px 0 0;padding:10px;font-size:10px}.trip-entry-form{background:#f4f3ed;border-radius:14px;padding:13px}.trip-entry-form input,.trip-entry-form textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #0000;border-radius:9px;outline:none;padding:10px;font-size:12px}.trip-entry-form textarea{resize:vertical;margin-top:7px;line-height:1.55}.trip-entry-form input:focus,.trip-entry-form textarea:focus{border-color:#91af95}.trip-entry-form button{background:var(--green);color:#fff;border:0;border-radius:9px;margin:8px 0 0 auto;padding:9px 12px;font-size:11px;font-weight:700;display:block}.trip-entry-form button span{margin-left:6px}.trip-entry-list{flex-direction:column;gap:9px;margin-top:14px;display:flex}.trip-entry-list article{background:#fff;border:1px solid #e9ebe5;border-radius:13px;padding:14px}.trip-entry-list article>span{color:#9fa39b;font-size:10px}.trip-entry-list h4{margin:5px 0 6px;font-size:14px}.trip-entry-list p{color:#787e76;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.7}.entry-empty{color:#969b92;text-align:center;border:1px dashed #d9ddd4;border-radius:13px;padding:28px 15px}.entry-empty>span{font-size:23px}.entry-empty p{margin:8px 0 0;font-size:11px;line-height:1.6}.trip-detail-footer{background:#f0eee7;border-radius:11px;align-items:center;gap:10px;margin:0 27px 27px;padding:11px 14px;display:flex}.trip-detail-footer span{color:#7d8178;background:#fff;border-radius:7px;flex:none;padding:5px 7px;font-size:10px;font-weight:700}.trip-detail-footer p{color:#94988f;margin:0;font-size:10px;line-height:1.5}.calendar-page{min-height:calc(100vh - 96px)}.calendar-intro{background:linear-gradient(135deg,#e3eddf,#dcebe4);border-radius:27px;justify-content:space-between;align-items:center;gap:24px;min-height:170px;padding:32px 38px;display:flex}.calendar-intro h2{letter-spacing:-.05em;margin:13px 0 7px;font-size:32px}.calendar-intro p{color:#768078;margin:0;font-size:15px}.calendar-month-summary{text-align:center;background:#ffffffa8;border-radius:20px;min-width:150px;padding:20px}.calendar-month-summary span{color:#849087;font-size:11px;display:block}.calendar-month-summary strong{color:#315f4b;margin-top:5px;font-size:34px;display:block}.calendar-month-summary small{margin-left:4px;font-size:12px}.calendar-card{background:#ffffffdb;border:1px solid #e2e5dbe6;border-radius:24px;margin-top:18px;padding:28px}.calendar-toolbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.calendar-title{align-items:baseline;gap:9px;display:flex}.calendar-title span{color:#929a92;font-size:14px}.calendar-title h3{letter-spacing:-.04em;margin:0;font-size:30px}.calendar-controls{align-items:center;gap:6px;display:flex}.calendar-controls button{color:#617067;background:#fff;border:1px solid #e2e6df;border-radius:12px;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.calendar-controls .today-button{width:auto;padding:0 14px;font-size:12px;font-weight:750}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays span{color:#8d948c;text-align:center;padding:7px;font-size:11px;font-weight:750}.calendar-weekdays span:nth-child(6){color:#6489a7}.calendar-weekdays span:last-child{color:#c77a6c}.calendar-grid{background:#e5e8e1;border:1px solid #e5e8e1;border-radius:18px;gap:1px;overflow:hidden}.calendar-day{cursor:pointer;background:#fff;outline:none;min-width:0;min-height:128px;padding:10px;transition:background .15s;position:relative;overflow:hidden}.calendar-day:hover,.calendar-day:focus-visible{z-index:1;background:#f4f8f2;box-shadow:inset 0 0 0 2px #8eae94}.calendar-day.outside{background:#f8f8f5}.calendar-date-number{color:#505851;border-radius:10px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:750;display:grid}.calendar-day.outside .calendar-date-number{color:#b5b9b2}.calendar-day.saturday:not(.outside) .calendar-date-number{color:#5681a2}.calendar-day.sunday:not(.outside) .calendar-date-number{color:#c36e60}.calendar-day.today .calendar-date-number{color:#fff;background:#315f4b;box-shadow:0 4px 10px #315f4b2e}.calendar-task-chips{flex-direction:column;gap:4px;margin-top:5px;display:flex}.calendar-task-chips>span{color:#59705d;text-overflow:ellipsis;white-space:nowrap;background:#edf3eb;border-radius:6px;min-width:0;padding:4px 5px;font-size:9px;line-height:1.35;overflow:hidden}.calendar-task-chips>span i{color:#fff;background:#739478;border-radius:5px;place-items:center;width:15px;height:15px;margin-right:4px;font-size:7px;font-style:normal;font-weight:800;display:inline-grid}.calendar-task-chips>span small{color:inherit;margin-right:4px;font-size:8px}.calendar-task-chips>span.completed{opacity:.52;text-decoration:line-through}.calendar-task-chips .owner-peach{color:#9b6853;background:#faebe4}.calendar-task-chips .owner-yellow{color:#8a743b;background:#faf2d9}.calendar-task-chips .owner-blue{color:#537a86;background:#e7f1f4}.calendar-task-chips .owner-purple{color:#78638a;background:#f0eaf4}.calendar-task-chips b{color:#969c94;padding-left:4px;font-size:8px;font-weight:650}.calendar-guide{color:#929890;margin:14px 2px 0;font-size:11px}.calendar-guide span{color:#55775d;font-weight:850}.calendar-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#232b247a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.calendar-modal{background:#faf9f5;border-radius:27px;width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 25px 80px #1c271f38}.calendar-modal>header{border-bottom:1px solid #e8e9e3;justify-content:space-between;align-items:flex-start;padding:24px 26px 18px;display:flex}.calendar-modal>header span{color:#7c907f;letter-spacing:.12em;font-size:10px;font-weight:800}.calendar-modal>header h2{letter-spacing:-.04em;margin:6px 0 0;font-size:23px}.calendar-modal>header button{color:#737b73;background:#eeefe9;border:0;border-radius:12px;place-items:center;width:36px;height:36px;font-size:23px;display:grid}.calendar-selected-tasks{flex-direction:column;gap:8px;padding:18px 26px 4px;display:flex}.calendar-selected-tasks article{background:#fff;border:1px solid #e4e7df;border-radius:13px;grid-template-columns:28px 1fr 28px;align-items:center;gap:10px;padding:12px;display:grid}.calendar-selected-tasks article.completed{opacity:.58}.calendar-selected-tasks article.completed strong{text-decoration:line-through}.task-check{color:#fff;background:#f8faf7;border:1px solid #b9c6b8;border-radius:8px;place-items:center;width:25px;height:25px;font-size:13px;font-weight:850;display:grid}.completed .task-check{background:#648a6b;border-color:#648a6b}.calendar-selected-tasks article>div strong,.calendar-selected-tasks article>div span{display:block}.calendar-selected-tasks article>div strong{font-size:13px}.calendar-selected-tasks article>div span{color:#969b94;margin-top:3px;font-size:10px}.task-delete{color:#b0b4ad;background:0 0;border:0;border-radius:9px;width:28px;height:28px;font-size:19px}.task-delete:hover{color:#b96855;background:#fae9e4}.calendar-task-empty{color:#989d96;text-align:left;justify-content:center;align-items:center;gap:13px;min-height:105px;display:flex}.calendar-task-empty>span{color:#6b8a70;background:#e8efe5;border-radius:14px;place-items:center;width:43px;height:43px;font-size:20px;display:grid}.calendar-task-empty p{margin:0;font-size:11px;line-height:1.65}.calendar-task-form{background:#eef2eb;border-radius:18px;margin:16px 26px 26px;padding:18px}.calendar-form-heading{align-items:center;gap:8px;margin-bottom:14px;display:flex}.calendar-form-heading>span{color:#315f4b;background:#d8e6d6;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.calendar-form-heading strong{font-size:14px}.calendar-task-form label>span{color:#7d867e;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.calendar-task-form input,.calendar-task-form select{color:#343a34;width:100%;height:43px;font:inherit;background:#fff;border:1px solid #dfe4dc;border-radius:11px;outline:none;padding:0 12px;font-size:12px}.calendar-task-form input:focus,.calendar-task-form select:focus{border-color:#81a188;box-shadow:0 0 0 3px #57845f1a}.calendar-form-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;display:grid}.calendar-task-form>button{color:#fff;background:#315f4b;border:0;border-radius:12px;width:100%;margin-top:14px;padding:12px;font-size:12px;font-weight:800}.calendar-task-form>button span{margin-left:7px}.calendar-task-form>button:disabled{cursor:default;background:#b9c4ba}.typing-page{min-height:calc(100vh - 96px)}.typing-hero{background:linear-gradient(135deg,#e3efdf 0%,#d9e9d8 58%,#c9dfcc 100%);border-radius:28px;align-items:center;min-height:230px;padding:38px 40px;display:flex;position:relative;overflow:hidden}.typing-hero-copy{z-index:2;max-width:610px;position:relative}.typing-hero h2{letter-spacing:-.055em;margin:14px 0 10px;font-size:34px}.typing-hero p{color:#69766b;max-width:570px;margin:0;font-size:16px;line-height:1.75}.typing-hero-art{place-items:center;width:240px;display:grid;position:absolute;top:0;bottom:0;right:25px}.typing-hero-art>span{z-index:2;color:#fff;background:#416a53;border:6px solid #ffffffb8;border-radius:29px;place-items:center;width:112px;height:86px;font-size:43px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 16px 30px #35583f29}.typing-hero-art i{background:#ffffff61;border-radius:50%;position:absolute}.typing-hero-art i:first-of-type{width:70px;height:70px;top:31px;left:13px}.typing-hero-art i:nth-of-type(2){width:38px;height:38px;top:42px;right:5px}.typing-hero-art i:nth-of-type(3){width:52px;height:52px;bottom:22px;right:28px}.typing-player-panel,.typing-game-card,.person-typing-records{background:#ffffffd1;border:1px solid #e2e5dbe6;border-radius:24px;margin-top:18px;padding:28px}.typing-section-heading,.person-record-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.typing-section-heading>div>span{color:#8aa08d;letter-spacing:.14em;font-size:14px;font-weight:800}.typing-section-heading h3,.person-record-heading h3{letter-spacing:-.035em;margin:5px 0 0;font-size:23px}.typing-section-heading>p{color:#939991;margin:0;font-size:13px}.typing-player-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.typing-player{background:#fafbf8;border:1px solid #e5e8e0;border-radius:18px;flex-direction:column;align-items:center;min-width:0;padding:14px 8px 12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.typing-player:hover{border-color:#b8ccb9;transform:translateY(-2px)}.typing-player.selected{background:#f0f6ef;border-color:#799f80;box-shadow:0 7px 18px #3d60461c}.typing-player-avatar{color:#fff;border:3px solid #fff;border-radius:19px;place-items:center;width:58px;height:58px;font-size:17px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 5px 12px #34413614}.typing-player strong{margin-top:8px;font-size:15px}.typing-player>span:last-child{color:#9a9f97;margin-top:3px;font-size:10px}.typing-player.selected>span:last-child{color:#53795a;font-weight:700}.typing-game-card{position:relative}.typing-game-card.locked:after{content:"플레이어를 선택하면 시작할 수 있어요";z-index:3;color:#788279;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fafaf6c7;border-radius:19px;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;inset:76px 20px 20px}.typing-question-tools{align-items:center;gap:8px;display:flex}.typing-question-tools>span{background:#e8f0e5;border-radius:11px;padding:8px 11px;font-weight:800;color:#55765b!important;letter-spacing:0!important;font-size:11px!important}.typing-change-sentence{color:#718076;background:#fff;border:1px solid #dfe4dc;border-radius:11px;padding:9px 13px;font-size:12px}.typing-mode-switch{background:#edf1e9;border-radius:16px;grid-template-columns:1fr 1fr;gap:5px;width:min(390px,100%);margin:0 auto 20px;padding:5px;display:grid}.typing-mode-switch button{color:#7d877e;min-height:48px;font:inherit;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:800;display:flex}.typing-mode-switch button>span{background:#ffffffb8;border-radius:9px;place-items:center;width:27px;height:27px;font-size:13px;display:grid}.typing-mode-switch button small{color:#9aa199;font-size:9px}.typing-mode-switch button.active{color:#3f6b4c;background:#fff;box-shadow:0 5px 14px #3c59411a}.typing-mode-switch button.active>span{background:#d8e8d5}.typing-mode-switch button.active small{color:#69836e}.typing-writing-area{background:#fff;border:2px solid #e3e7df;border-radius:18px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.typing-writing-area:focus-within{border-color:#7fa187;box-shadow:0 0 0 4px #5b87631c}.typing-word-lives{align-items:center;gap:6px;display:flex}.typing-word-lives small{color:#879087;margin-right:5px;font-size:13px;font-weight:800}.typing-word-lives b{color:#e34f4f;text-shadow:0 3px 7px #ca37372e;font-size:33px;line-height:1}.typing-word-lives b.lost{color:#ead7d7;text-shadow:none}.typing-word-runway{background:linear-gradient(#edf5ea,#f8fbf6);border-bottom:1px solid #dfe3db;height:clamp(88px,10vw,112px);position:relative;overflow:hidden}.typing-word-runway:after{content:"";z-index:1;clip-path:polygon(0 0,100% 6%,0 12%,100% 18%,0 24%,100% 30%,0 36%,100% 42%,0 48%,100% 54%,0 60%,100% 66%,0 72%,100% 78%,0 84%,100% 90%,0 96%,0 100%);filter:drop-shadow(3px 0 3px #b4373733);background:#d95757;width:22px;position:absolute;top:7px;bottom:7px;left:0}.typing-moving-word{z-index:2;animation-name:typing-word-travel;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:50%;left:100%}.typing-moving-word.collision,.typing-moving-word.heart-pop{animation-play-state:paused}.typing-moving-word-card{white-space:nowrap;border:3px solid #ffffffe6;border-radius:17px;align-items:center;padding:12px 20px;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative}.typing-moving-word-card.speed-0{color:#874f58;background:#f8e0e3;box-shadow:0 10px 22px #9a4e5a1f}.typing-moving-word-card.heart-word{border-color:#ffd3da;padding-left:12px;box-shadow:0 10px 24px #c63f5733}.typing-moving-word-card.heart-word>i{color:#eb4562;background:#fff0f3;border-radius:10px;place-items:center;width:31px;height:31px;margin-right:8px;font-size:20px;font-style:normal;animation:.7s ease-in-out infinite alternate typing-heart-beat;display:grid}.typing-moving-word-card strong{letter-spacing:-.03em;font-size:24px}.typing-moving-word.collision .typing-moving-word-card{animation:.5s ease-out forwards typing-word-explode}.typing-moving-word.collision .typing-moving-word-card:before,.typing-moving-word.collision .typing-moving-word-card:after{content:"✦";color:#efb83f;font-size:28px;animation:.5s ease-out forwards typing-word-spark;position:absolute}.typing-moving-word.collision .typing-moving-word-card:before{top:-18px;left:-18px}.typing-moving-word.collision .typing-moving-word-card:after{color:#ec806b;animation-delay:50ms;bottom:-20px;right:-18px}.typing-moving-word.heart-pop .typing-moving-word-card{animation:.5s ease-out forwards typing-word-caught}.typing-moving-word.heart-pop .typing-moving-word-card:before,.typing-moving-word.heart-pop .typing-moving-word-card:after{content:"♥";color:#ef4f69;text-shadow:0 3px 7px #c8374e33;font-size:28px;animation:.5s ease-out forwards typing-heart-pop;position:absolute;top:50%;left:50%}.typing-moving-word.heart-pop .typing-moving-word-card:after{color:#ff8da0;font-size:20px;animation-delay:70ms}@keyframes typing-word-travel{0%{left:100%;transform:translateY(-50%)}to{left:18px;transform:translateY(-50%)}}@keyframes typing-word-explode{0%{opacity:1;filter:brightness();transform:scale(1)}45%{opacity:1;filter:brightness(1.35);transform:scale(1.22)rotate(-4deg)}to{opacity:0;filter:brightness(1.7);transform:scale(1.8)rotate(8deg)}}@keyframes typing-word-spark{0%{opacity:1;transform:scale(.5)rotate(0)}to{opacity:0;transform:scale(1.8)rotate(150deg)}}@keyframes typing-word-caught{0%{opacity:1;transform:scale(1)}65%{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(.8)}}@keyframes typing-heart-pop{0%{opacity:1;transform:translate(-50%,-30%)scale(.4)rotate(-8deg)}to{opacity:0;transform:translate(-50%,-190%)scale(1.8)rotate(10deg)}}@keyframes typing-heart-beat{0%{transform:scale(.92)}to{transform:scale(1.08)}}.typing-word-notice{border-radius:12px;align-items:center;min-height:38px;margin-top:8px;padding:9px 13px;font-size:11px;font-weight:800;display:flex}.typing-word-notice.success{color:#477653;background:#e9f5e7}.typing-word-notice.miss{color:#b46150;background:#fff0eb}.typing-mission-failed{background:linear-gradient(145deg,#fff0e9,#fff8df)}.typing-mission-failed .mission-trophy{background:#ed8b75}.typing-mission-failed>span{color:#b66a58}.typing-mission-failed>button{background:#a85e4e}.typing-target,.typing-input{letter-spacing:-.02em;white-space:nowrap;border:0;border-radius:0;width:100%;height:58px;margin:0;padding:12px 18px;font-family:inherit;font-size:clamp(20px,1.8vw,24px);font-weight:650;line-height:1.35}.typing-target{color:#a3a8a0;background:#f2f4ee;overflow:auto hidden}.typing-target span{border-radius:4px;transition:color .12s,background .12s}.typing-target .correct{color:#315f4b}.typing-target .wrong{color:#c9583d;background:#ffe1d7;text-decoration:underline;text-decoration-thickness:2px}.typing-input{color:#30352f;background:#fff;border-top:1px solid #dfe3db;outline:none;transition:color .12s,background .12s;display:block}.typing-input.correct{color:#315f4b;background:#f7fbf5}.typing-input.wrong{color:#c84f38;background:#fff7f4}.typing-input:disabled{color:#a0a49d;background:#f6f6f2}.typing-live-stats{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px;display:grid}.typing-live-stats>div{background:#f7f8f4;border-radius:14px;justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.typing-live-stats span{color:#92978f;font-size:11px}.typing-live-stats strong{font-size:21px}.typing-live-stats small{color:#8f958c;margin-left:3px;font-size:10px;font-weight:600}.typing-speed-guide{color:#91978f;margin:10px 3px 0;font-size:10px;line-height:1.55}.typing-section-heading.compact{margin-bottom:10px}.typing-round-track{background:#e9ede6;border-radius:10px;height:6px;margin:0 0 10px;overflow:hidden}.typing-round-track span{border-radius:inherit;background:linear-gradient(90deg,#6f9b78,#b3c97f);height:100%;transition:width .3s;display:block}.typing-round-result{color:#477553;background:#eaf4e8;border-radius:13px;align-items:center;gap:9px;min-height:48px;margin-top:7px;padding:9px 13px;display:flex}.typing-round-result>span{color:#fff;background:#63916b;border-radius:9px;place-items:center;width:27px;height:27px;font-weight:850;display:grid}.typing-round-result strong{font-size:13px}.typing-round-result b{color:#618069;font-size:11px;font-weight:700}.typing-round-result small{color:#77917c;margin-left:auto;font-size:10px}.typing-mission-complete{text-align:center;background:linear-gradient(145deg,#eef6ea,#fff8df);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:510px;padding:48px 25px 35px;display:flex;position:relative;overflow:hidden}.typing-mission-complete>:not(.typing-confetti){z-index:2;position:relative}.mission-trophy{background:#f3cf63;border:7px solid #ffffffbf;border-radius:31px;place-items:center;width:92px;height:92px;font-size:50px;display:grid;transform:rotate(-3deg);box-shadow:0 13px 28px #695c2826}.typing-mission-complete>span{color:#6f8f72;letter-spacing:.13em;margin-top:18px;font-size:10px;font-weight:850}.typing-mission-complete h2{letter-spacing:-.05em;margin:7px 0 5px;font-size:35px}.typing-mission-complete>p{color:#7c867b;margin:0;font-size:14px}.mission-summary-stats{grid-template-columns:repeat(4,1fr);gap:8px;width:min(620px,100%);margin:24px 0 18px;display:grid}.mission-summary-stats>div{background:#ffffffc7;border-radius:14px;padding:14px 8px}.mission-summary-stats span{color:#8d968c;font-size:10px;display:block}.mission-summary-stats strong{color:#436e4f;margin-top:5px;font-size:22px;display:block}.mission-summary-stats small{color:#788378;margin-left:3px;font-size:9px}.typing-mission-complete>button{color:#fff;background:#426e50;border:0;border-radius:13px;padding:12px 18px;font-size:13px;font-weight:800}.typing-mission-complete>button span{margin-left:7px}.typing-mission-complete>small{color:#949b92;margin-top:10px;font-size:10px}.typing-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.typing-confetti i{border-radius:3px;width:9px;height:18px;animation:1.9s linear infinite typing-confetti-fall;position:absolute;top:-25px}@keyframes typing-confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}12%{opacity:1}to{opacity:.85;transform:translateY(560px)rotate(620deg)}}.typing-result{color:#fff;background:linear-gradient(135deg,#315f4b,#47775f);border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;margin-top:14px;padding:18px 20px;display:grid}.typing-result-badge{color:#f2d87d;background:#ffffff29;border-radius:16px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.typing-result div:nth-child(2)>span{color:#c9dfce;letter-spacing:.1em;font-size:10px}.typing-result h3{margin:3px 0 4px;font-size:19px}.typing-result p{color:#d7e5da;margin:0;font-size:11px}.typing-result button,.person-record-heading button{color:#315f4b;background:#fff;border:0;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:750}.typing-result button span,.person-record-heading button span{margin-left:6px}.person-record-heading>div>span{color:#708a75;font-size:12px;font-weight:750}.person-record-heading button{color:#fff;background:#315f4b}.person-record-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.person-record-stats>div{background:#f2f5ef;border-radius:16px;padding:18px}.person-record-stats span{color:#8d938b;margin-bottom:7px;font-size:11px;display:block}.person-record-stats strong{font-size:25px}.person-record-stats small{color:#7d857d;margin-left:4px;font-size:11px}.person-record-heading .person-game-link{align-items:center;gap:8px;display:inline-flex}.person-record-heading .person-game-link-icon{color:#fff;background:#fff3;border-radius:8px;place-items:center;min-width:25px;height:25px;padding:0 5px;font-size:11px;font-weight:900;display:inline-grid}.person-record-heading .person-game-link>span{margin-left:1px}.person-record-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.person-record-list article{background:#fff;border:1px solid #e9ebe5;border-radius:13px;grid-template-columns:130px 1fr auto;align-items:center;gap:15px;padding:13px 15px;display:grid}.person-record-list article>div strong,.person-record-list article>div span{display:block}.person-record-list article>div strong{color:#315f4b;font-size:15px}.person-record-list article>div span{color:#969b93;margin-top:2px;font-size:10px}.person-record-list p{color:#777e76;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12px;overflow:hidden}.person-record-list time{color:#9a9f97;font-size:10px}.person-record-empty{background:#f8f9f5;border:1px dashed #d8ddd4;border-radius:16px;justify-content:center;align-items:center;gap:15px;min-height:110px;padding:22px;display:flex}.person-record-empty>span{color:#315f4b;background:#e2ece0;border-radius:14px;place-items:center;width:45px;height:45px;font-size:22px;display:grid}.person-record-empty strong{font-size:15px}.person-record-empty p{color:#92978f;margin:4px 0 0;font-size:12px}.typing-weekly-section,.typing-daily-section{background:#f5f7f2;border-radius:17px;margin-top:14px;padding:18px}.typing-history-heading{justify-content:space-between;align-items:flex-end;gap:15px;display:flex}.typing-history-heading>div>span{color:#83a087;letter-spacing:.11em;font-size:10px;font-weight:850}.typing-history-heading h4{letter-spacing:-.03em;margin:4px 0 0;font-size:17px}.typing-history-heading>small{color:#929990;font-size:10px}.typing-weekly-chart{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;height:184px;margin-top:13px;display:grid}.typing-weekly-chart>div{border-radius:11px;min-width:0;height:100%;transition:background .15s}.typing-weekly-chart>div.selected{background:#e5eee2}.typing-weekly-chart button{border-radius:inherit;color:#7b847b;background:0 0;border:0;grid-template-rows:18px 1fr 18px 15px;justify-items:center;width:100%;height:100%;padding:7px 3px 6px;display:grid}.typing-weekly-chart button>span{font-size:10px;font-weight:800}.typing-weekly-chart button>i{background:#9ebca2;border-radius:9px 9px 3px 3px;align-self:end;width:min(33px,68%);min-height:4px;transition:height .25s,background .15s}.typing-weekly-chart>div.selected button>i{background:#477659}.typing-weekly-chart button>strong{align-self:end;font-size:11px}.typing-weekly-chart button>small{white-space:nowrap;font-size:8px}.typing-daily-section{background:#fff;border:1px solid #e7eae3}.typing-history-heading.daily{align-items:center}.typing-history-heading.daily label{align-items:center;gap:8px;display:flex}.typing-history-heading.daily label>span{color:#929990;font-size:10px}.typing-history-heading.daily input{color:#4f5a51;height:36px;font:inherit;background:#fafbf8;border:1px solid #dfe4dc;border-radius:10px;padding:0 9px;font-size:11px}.typing-daily-empty{color:#969d95;background:#fafbf8;border:1px dashed #dce1d8;border-radius:13px;place-items:center;min-height:76px;margin-top:13px;font-size:11px;display:grid}.typing-daily-list{flex-direction:column;gap:7px;margin-top:13px;display:flex}.typing-daily-list article{cursor:pointer;background:#fafbf8;border:1px solid #e8ebe4;border-radius:13px;grid-template-columns:minmax(115px,1.1fr) repeat(3,minmax(105px,1fr));align-items:center;gap:10px;padding:13px 15px;transition:border-color .15s,background .15s;display:grid}.typing-daily-list article.selected{background:#eef5eb;border-color:#a8bea9}.typing-daily-list time{color:#4e5e51;font-size:12px;font-weight:800}.typing-daily-list div{border-left:1px solid #e4e8e0;min-width:0;padding-left:12px}.typing-daily-list div>span{color:#929990;font-size:9px;display:block}.typing-daily-list div>strong{color:#426c4e;white-space:nowrap;margin-top:4px;font-size:14px;display:block}.typing-daily-list div small{color:#7f8980;margin-left:3px;font-size:9px}.typing-daily-list article{cursor:default}.element-game-page{min-height:calc(100vh - 96px)}.element-game-hero{background:linear-gradient(135deg,#dceafa,#e8e4f3);border-radius:28px;align-items:center;min-height:235px;padding:40px;display:flex;position:relative;overflow:hidden}.element-game-hero>div:first-child{z-index:2;max-width:650px;position:relative}.element-game-hero h2{color:#304d72;letter-spacing:-.055em;margin:14px 0 10px;font-size:36px}.element-game-hero p{color:#69798c;max-width:610px;margin:0;font-size:15px;line-height:1.75}.element-hero-atoms{width:260px;position:absolute;top:0;bottom:0;right:38px}.element-hero-atoms span{z-index:2;color:#fff;border:4px solid #ffffffb8;border-radius:20px;place-items:center;width:70px;height:70px;font-size:24px;font-weight:850;display:grid;position:absolute;box-shadow:0 12px 25px #3f537624}.element-hero-atoms span:first-child{background:#7aa8d0;top:46px;left:15px;transform:rotate(-8deg)}.element-hero-atoms span:nth-child(2){background:#8b80bd;top:28px;right:18px;transform:rotate(8deg)}.element-hero-atoms span:nth-child(3){background:#d1946d;bottom:28px;right:78px;transform:rotate(-3deg)}.element-hero-atoms i{border-top:2px dashed #5b6f8f40;height:1px;position:absolute;top:50%;left:35px;right:30px;transform:rotate(-13deg)}.element-start-card,.element-quiz-card,.element-result-card,.element-reference{background:#ffffffdb;border:1px solid #dce2ebf2;border-radius:24px;margin-top:18px;padding:30px}.element-start-card{text-align:center}.element-start-card>span,.element-result-card>span,.element-reference>div:first-child>span{color:#6682a6;letter-spacing:.12em;font-size:11px;font-weight:850}.element-start-card h3,.element-reference h3{margin:7px 0 5px;font-size:25px}.element-start-card>p,.element-reference p{color:#8b929d;margin:0;font-size:13px}.element-start-samples{grid-template-columns:repeat(3,1fr);gap:10px;width:min(650px,100%);margin:24px auto 18px;display:grid}.element-start-samples>div{background:#f1f5fb;border-radius:18px;align-content:center;place-items:center;min-height:112px;padding:15px;display:grid}.element-start-samples strong{color:#426890;font-size:31px}.element-start-samples span{color:#8895a5;margin-top:6px;font-size:11px}.element-start-card>button,.element-result-card>button{color:#fff;background:#456b98;border:0;border-radius:14px;padding:14px 21px;font-size:14px;font-weight:800;box-shadow:0 8px 18px #3f5b7f29}.element-start-card>button span,.element-result-card>button span{margin-left:8px}.element-progress-row{grid-template-columns:150px 1fr 115px;align-items:center;gap:16px;display:grid}.element-progress-row>div:first-child span,.element-progress-row>div:first-child strong{display:block}.element-progress-row>div:first-child span{color:#8793a1;font-size:11px}.element-progress-row>div:first-child strong{color:#516f94;margin-top:3px;font-size:18px}.element-progress-track{background:#e9edf3;border-radius:20px;height:9px;overflow:hidden}.element-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#6f9fc8,#8a7fba);height:100%;transition:width .25s;display:block}.element-progress-row>span{color:#8b929c;text-align:right;font-size:11px}.element-progress-row>span strong{color:#4d6d95;margin-left:3px;font-size:18px}.element-question{text-align:center;background:linear-gradient(145deg,#f1f6fc,#f5f2fa);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:245px;margin-top:23px;padding:25px;display:flex}.element-question>span{color:#7a8da7;letter-spacing:.13em;font-size:11px;font-weight:850}.element-question>strong{color:#355d89;letter-spacing:-.055em;margin-top:10px;font-size:64px;line-height:1.08}.element-question.type-name-to-symbol>strong,.element-question.type-period>strong,.element-question.type-group>strong,.element-question.type-neighbor>strong{font-size:44px}.element-question.type-comparison>strong{font-size:38px}.element-question.type-feature>strong{letter-spacing:-.03em;max-width:820px;font-size:25px;line-height:1.5}.element-question h3{color:#6e7886;letter-spacing:-.025em;margin:12px 0 0;font-size:18px}.element-choices{grid-template-columns:repeat(4,1fr);gap:10px;width:min(900px,100%);margin:15px auto 0;display:grid}.element-choices button{background:#fff;border:2px solid #e2e7ee;border-radius:18px;min-height:88px;padding:12px;transition:transform .16s,border-color .16s;position:relative}.element-choices button:not(:disabled):hover{background:#f7faff;border-color:#96b2d0;transform:translateY(-2px)}.element-choices button>strong{font-size:21px;display:block}.element-choices button>small{color:#8c96a2;margin-top:5px;font-size:10px;display:block}.element-choices button.correct{color:#3e784b;background:#edf7ed;border-color:#73a47e}.element-choices button.wrong{color:#b85b49;background:#fff0ec;border-color:#dc8a7b}.element-choices button.dimmed{opacity:.48}.element-choices button i{color:#fff;background:currentColor;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-style:normal;display:grid;position:absolute;top:9px;right:9px}.element-choices button.correct i{background:#5d9369}.element-choices button.wrong i{background:#c96c58}.element-feedback{border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:min(900px,100%);margin:12px auto 0;padding:15px 16px;display:flex}.element-feedback.correct{color:#44794f;background:#eaf5ea}.element-feedback.wrong{color:#a85c4b;background:#fff0e9}.element-feedback span,.element-feedback strong{display:block}.element-feedback span{font-size:11px}.element-feedback strong{margin-top:3px;font-size:15px}.element-feedback button{color:inherit;background:#fff;border:0;border-radius:11px;flex:none;padding:10px 14px;font-size:12px;font-weight:800}.element-feedback button span{margin-left:7px;display:inline}.element-result-card{text-align:center;background:linear-gradient(145deg,#fffffff0,#ebf1f9eb);flex-direction:column;justify-content:center;align-items:center;min-height:440px;display:flex}.element-result-atom{color:#fff;background:#7098c1;border:6px solid #fff;border-radius:27px;place-items:center;width:92px;height:92px;margin-bottom:17px;font-size:34px;font-weight:850;display:grid;transform:rotate(-4deg);box-shadow:0 12px 27px #37537529}.element-result-card h3{margin:8px 0 6px;font-size:31px}.element-result-card p{color:#7e8894;margin:0;font-size:14px}.element-result-stats{grid-template-columns:repeat(3,1fr);gap:9px;width:min(520px,100%);margin:22px 0 17px;display:grid}.element-result-stats>div{background:#fff;border-radius:14px;padding:14px 8px;box-shadow:0 5px 15px #4353690f}.element-result-stats span{color:#929aa5;font-size:10px;display:block}.element-result-stats strong{color:#526f96;margin-top:5px;font-size:24px;display:block}.element-result-stats small{color:#828d99;margin-left:3px;font-size:10px}.element-result-card>small{color:#8c97a4;margin-top:10px;font-size:10px}.element-reference{grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.element-reference>button{color:#55769b;background:#f5f8fc;border:1px solid #d9e1eb;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:800}.element-reference>button span{margin-left:7px}.periodic-table-scroll{scrollbar-color:#9eb2c8 #edf1f6;border-radius:16px;grid-column:1/-1;width:100%;margin-top:8px;padding:5px 2px 13px;overflow-x:auto}.periodic-table-scroll:focus{outline-offset:3px;outline:3px solid #5679a033}.periodic-main-grid{flex-direction:column;gap:5px;min-width:940px;display:flex}.periodic-header-row,.periodic-row,.periodic-series-row{grid-template-columns:58px repeat(18,minmax(44px,1fr));gap:5px;display:grid}.periodic-corner,.periodic-group-label,.periodic-period-label{color:#72839a;place-items:center;font-size:9px;font-weight:800;display:grid}.periodic-corner{background:#edf2f8;border-radius:9px}.periodic-group-label{background:#f3f6fa;border-radius:8px;min-height:27px}.periodic-period-label{writing-mode:horizontal-tb;background:#edf2f8;border-radius:9px}.periodic-element,.periodic-series-link{background:#f5f9fd;border:1px solid #dce5ee;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:67px;padding:8px 3px 5px;display:flex;position:relative}.periodic-element small{color:#93a0ad;font-size:7px;position:absolute;top:4px;left:5px}.periodic-element strong{color:#426b97;font-size:18px}.periodic-element span{color:#6f7c88;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:8px;overflow:hidden}.periodic-element.group-1{background:#edf5ff;border-color:#cbdff2}.periodic-element.group-2{background:#eef7f0;border-color:#d0e5d3}.periodic-element.transition-element{background:#f8f5ef;border-color:#e8dece}.periodic-element.group-17{background:#f7f0fa;border-color:#e3d4ea}.periodic-element.group-18{background:#eef3fb;border-color:#d4e0f0}.periodic-spacer{min-height:67px}.periodic-series-link{color:#9a6b3f;background:#fbf2e4;border-style:dashed}.periodic-series-link.actinides{color:#806491;background:#f5eef8}.periodic-series-link strong,.periodic-series-link span{text-align:center;display:block}.periodic-series-link strong{font-size:12px}.periodic-series-link span{margin-top:4px;font-size:8px}.periodic-series-row{margin-top:8px}.periodic-series-row+.periodic-series-row{margin-top:0}.periodic-series-label{color:#657991;text-align:center;background:#edf2f8;border-radius:9px;flex-direction:column;justify-content:center;min-height:67px;padding:6px;display:flex}.periodic-series-label strong{font-size:9px}.periodic-series-label span{margin-top:3px;font-size:8px}.periodic-series-indent{grid-column:2/4}.periodic-element.lanthanide-element{background:#fff4e5;border-color:#efd9ba}.periodic-element.actinide-element{background:#f6eef9;border-color:#e2d2e9}.person-element-records{background:#ffffffd6;border:1px solid #dce2ebf2;border-radius:24px;margin-top:18px;padding:28px}.element-record-heading>div>span{color:#6882a2}.element-record-heading button{color:#fff;background:#456b98}.element-record-stats>div{background:#f1f5fa}.element-record-stats strong{color:#526f96}.element-daily-section{background:#f7f9fc;border-color:#dfe7f0}.element-daily-section .typing-history-heading>div>span{color:#6681a4}.element-daily-list article{background:#fff;border-color:#dfe7f0}.element-daily-list div>strong{color:#526f96}.element-record-empty>span{color:#4e7098;background:#e5edf7;font-size:17px;font-weight:850}.word-game-page{min-height:calc(100vh - 96px)}.word-game-hero{background:linear-gradient(135deg,#e6eef8,#e8e3f3);border-radius:28px;align-items:center;min-height:220px;padding:38px 40px;display:flex;position:relative;overflow:hidden}.word-game-hero>div:first-child{z-index:2;max-width:620px;position:relative}.word-game-hero h2{letter-spacing:-.055em;margin:14px 0 10px;font-size:34px}.word-game-hero p{color:#6f7482;max-width:580px;margin:0;font-size:16px;line-height:1.75}.word-hero-bubbles{width:230px;position:absolute;top:0;bottom:0;right:40px}.word-hero-bubbles span{color:#fff;border:5px solid #ffffffb3;border-radius:25px;place-items:center;width:75px;height:75px;font-size:28px;font-weight:850;display:grid;position:absolute;box-shadow:0 12px 24px #4e55791f}.word-hero-bubbles span:first-child{background:#7eacd0;top:45px;left:12px;transform:rotate(-9deg)}.word-hero-bubbles span:nth-child(2){background:#9c86bd;top:25px;right:22px;transform:rotate(8deg)}.word-hero-bubbles span:last-child{background:#e0a777;bottom:25px;right:55px;transform:rotate(-3deg)}.word-start-card,.word-quiz-card,.word-result-card,.person-word-records{background:#ffffffd6;border:1px solid #e2e5dbe6;border-radius:24px;margin-top:18px;padding:30px}.word-start-card{text-align:center}.word-start-heading>span{color:#8090af;letter-spacing:.12em;font-size:11px;font-weight:800}.word-start-heading h3{margin:7px 0 5px;font-size:25px}.word-start-heading p{color:#969aa2;margin:0;font-size:13px}.word-player-grid{grid-template-columns:1fr 1fr;gap:12px;width:min(570px,100%);margin:24px auto 18px;display:grid}.word-player{text-align:left;background:#fafafd;border:2px solid #e5e7ec;border-radius:19px;align-items:center;gap:14px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.word-player:hover{border-color:#b7c7dc;transform:translateY(-2px)}.word-player.selected{background:#f0f5fb;border-color:#779bc0;box-shadow:0 7px 18px #48698f1a}.word-player-avatar{color:#fff;border:4px solid #fff;border-radius:20px;flex:none;place-items:center;width:62px;height:62px;font-size:18px;font-weight:800;display:grid;overflow:hidden}.word-player strong,.word-player span{display:block}.word-player strong{font-size:18px}.word-player span{color:#9298a2;margin-top:4px;font-size:11px}.word-player.selected span{color:#587a9e;font-weight:700}.word-start-button{color:#fff;background:#546f9a;border:0;border-radius:15px;min-width:250px;padding:14px 22px;font-size:15px;font-weight:800;box-shadow:0 8px 18px #485d8229}.word-start-button span{margin-left:10px}.word-start-button:disabled{box-shadow:none;cursor:default;background:#d9dce2}.word-progress-row{grid-template-columns:150px 1fr 115px;align-items:center;gap:16px;display:grid}.word-progress-row>div:first-child span,.word-progress-row>div:first-child strong{display:block}.word-progress-row>div:first-child span{color:#8b92a0;font-size:11px}.word-progress-row>div:first-child strong{color:#617598;margin-top:3px;font-size:18px}.word-progress-track{background:#eceef2;border-radius:20px;height:9px;overflow:hidden}.word-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#79a9cf,#9885be);height:100%;transition:width .25s;display:block}.word-progress-row>span{color:#8b9099;text-align:right;font-size:11px}.word-progress-row>span strong{color:#536c95;margin-left:3px;font-size:18px}.word-question{text-align:center;background:linear-gradient(145deg,#f5f7fb,#f6f3fa);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;margin-top:24px;padding:27px;display:flex}.word-emoji{filter:drop-shadow(0 9px 8px #4046561a);font-size:94px;line-height:1.2}.word-question-label{color:#8b95a6;letter-spacing:.1em;margin-top:15px;font-size:11px;font-weight:800}.word-question.word-to-picture .word-question-label{margin-top:0}.word-prompt-word{color:#536c95;letter-spacing:-.06em;margin-top:12px;font-size:58px;line-height:1.1}.word-question h3{letter-spacing:-.03em;margin:6px 0 0;font-size:22px}.word-choices{grid-template-columns:repeat(4,1fr);gap:11px;width:min(860px,100%);margin:16px auto 0;display:grid}.word-choices button{background:#fff;border:2px solid #e4e7ec;border-radius:18px;min-height:70px;font-size:21px;font-weight:800;position:relative}.word-choices.picture-choices button{min-height:112px;font-size:58px;line-height:1}.word-choices button:not(:disabled):hover{background:#f7faff;border-color:#9fb7d1;transform:translateY(-2px)}.word-choices button.correct{color:#3e784b;background:#eef7ee;border-color:#78a883}.word-choices button.wrong{color:#b95a47;background:#fff0ec;border-color:#df8d7d}.word-choices button.dimmed{opacity:.5}.word-choices button i{color:#fff;background:currentColor;border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;font-style:normal;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.word-choices button.correct i{background:#5f946b}.word-choices button.wrong i{background:#c86c58}.word-question.assemble-word{min-height:330px}.word-question.assemble-word .word-question-label{margin-top:8px}.word-question.assemble-word h3{color:#747f93;font-size:16px;font-weight:650}.word-answer-slots{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.word-answer-slots>span{color:#536c95;background:#ffffffc7;border:2px dashed #bdc8da;border-radius:15px;place-items:center;width:52px;height:58px;font-size:29px;font-weight:850;transition:all .18s;display:grid}.word-answer-slots>span.filled{background:#fff;border-style:solid;border-color:#879fbe;transform:translateY(-2px);box-shadow:0 6px 14px #4d628717}.word-jamo-groups{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:100%;margin-top:18px;display:flex}.word-jamo-group{background:#ffffff8f;border:2px solid #d8dfeb;border-radius:15px;gap:4px;padding:7px;display:flex}.word-jamo-group>span{color:#536c95;background:#ffffffd1;border:2px dashed #b9c5d8;border-radius:11px;place-items:center;width:39px;height:45px;font-size:23px;font-weight:900;transition:all .18s;display:grid}.word-jamo-group>span.filled{background:#fff;border-style:solid;border-color:#879fbe;transform:translateY(-2px);box-shadow:0 5px 12px #4d628714}.word-jamo-bank button{color:#4f6c98}.word-assembly-area{width:min(720px,100%);margin:16px auto 0}.word-letter-bank{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.word-letter-bank button{color:#536c95;background:#fff;border:2px solid #dfe4ed;border-radius:17px;min-height:64px;font-size:26px;font-weight:850;box-shadow:0 5px 12px #45526c0d}.word-letter-bank button:not(:disabled):hover{background:#f7faff;border-color:#91a8c6;transform:translateY(-2px)}.word-letter-bank button:disabled{opacity:.32;box-shadow:none}.word-assembly-controls{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:11px;display:grid}.word-assembly-controls button{color:#7a8597;background:#fff;border:1px solid #dfe4ec;border-radius:13px;min-height:46px;padding:0 15px;font-size:12px;font-weight:800}.word-assembly-controls button:disabled{opacity:.4}.word-feedback{border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:min(720px,100%);margin:12px auto 0;padding:15px 16px;display:flex}.word-feedback.correct{color:#44794f;background:#eaf5ea}.word-feedback.wrong{color:#a85c4b;background:#fff0e9}.word-feedback span,.word-feedback strong{display:block}.word-feedback span{font-size:11px}.word-feedback strong{margin-top:3px;font-size:15px}.word-feedback button{color:inherit;background:#fff;border:0;border-radius:11px;flex:none;padding:10px 14px;font-size:12px;font-weight:800}.word-feedback button span{margin-left:7px;display:inline}.word-result-card{text-align:center;background:linear-gradient(145deg,#ffffffe6,#f1f4fae6);flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.word-result-stars{color:#e5b84d;letter-spacing:.15em;margin-bottom:13px;font-size:33px}.word-result-card>span{color:#7e8da8;letter-spacing:.12em;font-size:11px;font-weight:800}.word-result-card h3{margin:8px 0 6px;font-size:31px}.word-result-card>p{color:#848b96;margin:0;font-size:15px}.word-result-stats{grid-template-columns:repeat(3,1fr);gap:9px;width:min(520px,100%);margin:24px 0 18px;display:grid}.word-result-stats>div{background:#fff;border-radius:15px;padding:15px;box-shadow:0 5px 15px #434b5e0f}.word-result-stats span{color:#9299a4;font-size:10px;display:block}.word-result-stats strong{color:#526b94;margin-top:5px;font-size:25px;display:block}.word-result-stats small{color:#858d9a;margin-left:3px;font-size:11px}.word-result-card>button{color:#fff;background:#546f9a;border:0;border-radius:14px;padding:13px 20px;font-size:14px;font-weight:800}.word-result-card>button span{margin-left:7px}.word-result-card>small{color:#9ba0a8;margin-top:11px;font-size:10px}.word-record-heading>div>span{color:#7788a7}.word-record-heading button{background:#60769d}.word-record-stats>div{background:#f1f4f9}.word-record-stats strong{color:#586f99}.word-person-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.word-person-list article{background:#fff;border:1px solid #e7e9ee;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.word-person-score{color:#5d76a0;background:#e7edf7;border-radius:12px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:800;display:grid}.word-person-list article>div strong,.word-person-list article>div span{display:block}.word-person-list article>div strong{font-size:14px}.word-person-list article>div span{color:#9298a1;margin-top:3px;font-size:10px}.word-person-list time{color:#999fa7;font-size:10px}.word-record-empty>span{color:#5c739b;background:#e6ecf6;font-size:18px;font-weight:850}.word-daily-section{background:#f7f9fc;border-color:#e3e8f0}.word-daily-section .typing-history-heading>div>span{color:#788bab}.word-daily-list article{background:#fff;border-color:#e3e8f0}.word-daily-list div>strong{color:#5b729b}.train-game-hero{background:linear-gradient(135deg,#fff1c9,#dff0df)}.train-game-hero h2{max-width:650px}.train-hero-art{justify-content:center;align-items:center;gap:5px;width:300px;display:flex;position:absolute;top:0;bottom:0;right:28px}.train-hero-art>span{z-index:2;filter:drop-shadow(0 10px 10px #6853261f);font-size:70px;position:relative}.train-hero-art>i{color:#fff;background:#e9a55d;border:4px solid #ffffffb8;border-radius:15px;place-items:center;width:51px;height:51px;font-size:21px;font-style:normal;font-weight:900;display:grid;box-shadow:0 8px 17px #71532d1a}.train-hero-art>i:nth-of-type(2){background:#6fa68a}.train-hero-art>i:nth-of-type(3){background:#7298c0}.train-player:hover{border-color:#d7b66a}.train-player.selected{background:#fff8e6;border-color:#d8ad4d;box-shadow:0 7px 18px #8966231a}.train-player.selected span{color:#8d6b27}.train-start-button,.train-result-card>button{background:#c58a2f;box-shadow:0 8px 18px #845b1f29}.train-progress-row .word-progress-track span{background:linear-gradient(90deg,#dfa84b,#77ac82)}.train-progress-row>div:first-child strong,.train-progress-row>span strong{color:#9a6c25}.train-question-card{text-align:center;background:linear-gradient(145deg,#fff9e9,#eef7ec);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:285px;margin-top:22px;padding:22px;display:flex}.train-picture{filter:drop-shadow(0 8px 8px #52483217);font-size:84px;line-height:1.1}.train-question-card h3{color:#778071;margin:8px 0 12px;font-size:15px;font-weight:650}.train-answer-track{justify-content:center;align-items:center;gap:4px;max-width:100%;display:flex}.train-engine{margin-right:2px;font-size:49px;line-height:1}.train-car{color:#926625;background:#ffffffd1;border:3px dashed #d8bd78;border-radius:15px 15px 11px 11px;place-items:center;width:58px;height:56px;font-size:29px;font-weight:900;transition:transform .18s,border-color .18s;display:grid;position:relative}.train-car:before,.train-car:after{content:"";background:#826f4e;border:3px solid #fff9e9;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-8px}.train-car:before{left:8px}.train-car:after{right:8px}.train-car.filled{background:#fff;border-style:solid;transform:translateY(-2px);box-shadow:0 7px 15px #6e532714}.train-answer-track.correct .train-car{color:#44794e;background:#edf7eb;border-color:#78a77f}.train-answer-track.wrong .train-car{color:#ac5c47;background:#fff0e9;border-color:#da8e78}.train-question-card{overflow:hidden}.train-answer-track.departing{animation:1.35s cubic-bezier(.55,.08,.82,.55) .35s forwards train-depart}.train-answer-track.departing .train-engine{animation:.18s ease-in-out 6 train-bounce}@keyframes train-depart{0%{transform:translate(0)}18%{transform:translate(12px)}to{transform:translate(calc(-100vw - 420px))}}@keyframes train-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.train-answer-track.departing,.train-answer-track.departing .train-engine{animation-duration:.01ms;animation-delay:0s}}.train-letter-bank{grid-template-columns:repeat(5,1fr);gap:9px;width:min(760px,100%);margin:17px auto 0;display:grid}.train-letter-bank button{color:#926625;background:#fffdf6;border:2px solid #ead9ad;border-radius:16px 16px 12px 12px;min-height:65px;font-size:25px;font-weight:900;position:relative;box-shadow:0 5px 12px #68532a0d}.train-letter-bank button:after{content:"";background:#c9aa65;border-radius:4px;width:15px;height:7px;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.train-letter-bank button:nth-child(5n):after{display:none}.train-letter-bank button i{background:#74664d;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-6px;left:11px}.train-letter-bank button i:after{content:"";background:#74664d;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;left:29px}.train-letter-bank button:not(:disabled):hover{background:#fff8e5;border-color:#cda54e;transform:translateY(-2px)}.train-letter-bank button:disabled{opacity:.28;box-shadow:none}.train-undo-button{color:#91764a;background:#fff;border:1px solid #e2d4b2;border-radius:12px;min-width:145px;margin:14px auto 0;padding:10px 14px;font-size:12px;font-weight:800;display:block}.train-undo-button:disabled{opacity:.4}.train-result-card{background:linear-gradient(145deg,#fffceff5,#ebf6e8f0)}.train-result-engine{filter:drop-shadow(0 10px 10px #6a52271c);margin-bottom:11px;font-size:76px}.train-result-card>span{color:#9a762f}.train-result-stats strong{color:#9c6f27}.person-train-records{background:#fffcf1e6;border-color:#ebdfbd}.train-record-heading>div>span{color:#9c7832}.train-record-heading button{background:#bd8734}.train-record-stats>div{background:#fff7df}.train-record-stats strong{color:#986b27}.train-daily-section{background:#fffcf2;border-color:#ebdfbd}.train-daily-section .typing-history-heading>div>span{color:#9c7936}.train-daily-list article{background:#fff;border-color:#eee2c3}.train-daily-list div>strong{color:#936b2d}.train-record-empty>span{color:#8c6425;background:#fff0c6;font-size:20px}.math-game-hero{background:linear-gradient(135deg,#e7f3df,#fff0c9)}.math-game-hero p{color:#6f7c68}.math-hero-bubbles span:first-child{background:#78ad79}.math-hero-bubbles span:nth-child(2){background:#efb653}.math-hero-bubbles span:last-child{background:#e98667}.math-player:hover{border-color:#a8c89d}.math-player.selected{background:#f0f8eb;border-color:#74a875;box-shadow:0 7px 18px #4d7e481c}.math-player.selected span{color:#538052}.math-start-button,.math-result-card>button{background:#5f925e;box-shadow:0 8px 18px #4c7e4b2b}.math-progress-row .word-progress-track span{background:linear-gradient(90deg,#76b076,#efb956)}.math-progress-row>div:first-child strong,.math-progress-row>span strong{color:#598756}.math-question{background:linear-gradient(145deg,#f5faef,#fff8e7)}.math-question .word-question-label{color:#77906d;margin-top:0}.math-fruit-equation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;width:min(880px,100%);margin:22px auto 15px;display:grid}.math-fruit-equation>span{letter-spacing:2px;flex-wrap:wrap;justify-content:center;align-items:center;min-height:74px;font-size:42px;line-height:1.15;display:flex}.math-fruit-equation>strong{color:#e29152;font-size:44px}.math-number-equation{color:#527f53;letter-spacing:-.05em;margin:24px 0 13px;font-size:72px;line-height:1}.math-number-equation i{color:#e39350;font-style:normal}.math-question h3{color:#5e6d59}.math-count-fruit{color:#527f53;letter-spacing:5px;flex-wrap:wrap;justify-content:center;align-items:center;min-height:94px;margin:18px auto 10px;font-size:clamp(46px,7vw,72px);line-height:1.15;display:flex}.math-choices button{color:#527a50;border-color:#e2eadc;font-size:28px}.math-choices button:not(:disabled):hover{background:#f6fbf2;border-color:#9cc495}.math-result-card{background:linear-gradient(145deg,#fffffff0,#f0f8e8eb)}.math-result-card>span{color:#679065}.math-result-stats strong{color:#5b8a59}.person-math-records{background:#fcfff8e6;border-color:#dfe9d7}.math-record-heading>div>span{color:#6d9669}.math-record-heading button{background:#649262}.math-record-stats>div{background:#f0f7eb}.math-record-stats strong{color:#5b8959}.math-daily-section{background:#f7fbf3;border-color:#dfe9d7}.math-daily-section .typing-history-heading>div>span{color:#6f956a}.math-daily-list article{background:#fff;border-color:#dfe9d7}.math-daily-list div>strong{color:#5c8959}.math-record-empty>span{color:#5c8b59;background:#e8f2e1;font-size:11px;font-weight:900}.placeholder-page{min-height:calc(100vh - 96px)}.person-hero{border-radius:28px;align-items:center;gap:26px;padding:40px;display:flex}.hero-peach{background:#f7e2d8}.hero-yellow{background:#f7edcd}.hero-green{background:#deebdd}.hero-blue{background:#deedf1}.hero-purple{background:#ece4f1}.person-large{color:#fff;border:5px solid #ffffffb3;border-radius:32px;flex:none;place-items:center;width:98px;height:98px;font-size:28px;font-weight:800;display:grid}.person-hero h2{letter-spacing:-.05em;margin:10px 0 8px;font-size:32px}.person-hero p{color:#74786f;margin:0;font-size:16px}.person-treasure-link{color:#795d1e;white-space:nowrap;background:#fff8df;border-radius:14px;align-items:center;gap:8px;margin-left:auto;padding:10px 13px 10px 10px;text-decoration:none;display:inline-flex;box-shadow:0 7px 18px #7e5f1f1c}.person-treasure-link>span{color:#765916;background:#f1d986;border-radius:10px;place-items:center;width:31px;height:31px;font-size:15px;font-weight:900;display:grid}.person-treasure-link strong{font-size:13px}.person-treasure-link i{color:#a58c55;font-size:13px;font-style:normal}.person-hero-links{justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.person-hero-links .person-treasure-link{margin-left:0}button.person-treasure-link{font:inherit;cursor:pointer;border:0}.person-typing-link{color:#4c7450;background:#eaf3e8;box-shadow:0 7px 18px #4c74501c}.person-typing-link>span{color:#456b49;background:#c9dfc7}.person-typing-link i{color:#729275}.person-element-link{color:#47688c;background:#e9f0f8;box-shadow:0 7px 18px #47688c1c}.person-element-link>span{color:#426386;background:#cbdced}.person-element-link i{color:#7089a5}.person-budget-link{color:#87553f;background:#f8ece4;box-shadow:0 7px 18px #87553f1c}.person-budget-link>span{color:#87553f;background:#edcdb8}.person-budget-link i{color:#a67964}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px;display:grid}.skeleton-grid article{border:1px solid var(--line);background:#ffffffbf;border-radius:20px;min-height:180px;padding:24px}.skeleton-grid article>span{color:#969a91;background:#eef0ea;border-radius:7px;padding:5px 8px;font-size:11px}.skeleton-grid h3{margin:24px 0 8px;font-size:20px}.skeleton-grid p{color:#959990;font-size:14px;line-height:1.7}.section-placeholder{text-align:center;background:#ffffff80;border:1px dashed #d9ddd3;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.placeholder-icon{width:72px;height:72px;color:var(--green);background:#e2ece0;border-radius:24px;place-items:center;margin-bottom:18px;font-size:35px;display:grid}.section-placeholder h2{margin:16px 0 6px;font-size:33px}.section-placeholder p{color:#858980;margin:0 0 25px;font-size:16px}.settings-page{min-height:calc(100vh - 96px)}.settings-intro{background:#ffffffb3;border:1px solid #e2e5dbcc;border-radius:26px;align-items:center;gap:22px;padding:32px 36px;display:flex}.settings-badge{width:68px;height:68px;color:var(--green);background:#dcebd9;border-radius:22px;flex:none;place-items:center;font-size:30px;display:grid}.settings-intro h2{letter-spacing:-.05em;margin:10px 0 6px;font-size:30px}.settings-intro p{color:#858980;margin:0;font-size:15px}.settings-panel{background:#ffffffc7;border:1px solid #e2e5dbcc;border-radius:24px;margin-top:18px;padding:29px}.settings-panel-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.settings-panel-heading span{color:#a2a59d;font-size:12px}.settings-panel-heading h3{margin:4px 0 0;font-size:22px}.settings-panel-heading p{color:#979b92;margin:0;font-size:13px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.theme-option{text-align:left;background:#fff;border:1px solid #e7e9e2;border-radius:18px;grid-template-columns:72px 1fr 24px;align-items:center;gap:13px;min-width:0;padding:11px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.theme-option:hover{border-color:#c7d7c8;transform:translateY(-2px)}.theme-option.selected{border-color:#87aa8d;box-shadow:0 7px 18px #3d60461a}.theme-preview{border:1px solid #505a500f;border-radius:13px;align-items:flex-end;gap:4px;height:58px;padding:8px;display:flex;position:relative;overflow:hidden}.theme-preview i{background:#486b4e80;border-radius:5px 5px 3px 3px;width:8px;height:13px}.theme-preview i:nth-child(2){height:19px}.theme-preview i:nth-child(3){height:10px}.theme-copy{min-width:0}.theme-copy strong,.theme-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.theme-copy strong{font-size:15px}.theme-copy small{color:#999d94;margin-top:4px;font-size:12px}.theme-check{color:#0000;background:#f0f1ed;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;display:grid}.theme-option.selected .theme-check{background:var(--green);color:#fff}.dashboard-theme-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.dashboard-theme-option{min-width:0;color:var(--ink);text-align:left;background:#fff;border:1px solid #e6e9e1;border-radius:17px;padding:10px;position:relative}.dashboard-theme-option:hover{border-color:#bfd0c0;transform:translateY(-2px)}.dashboard-theme-option.selected{border-color:#7fa387;box-shadow:0 6px 16px #3a5c421a}.dashboard-theme-preview{border-radius:12px;height:78px;margin-bottom:9px;display:block;position:relative;overflow:hidden}.dashboard-theme-preview i{background:#45704e47;border-radius:50% 50% 0 0;width:75%;height:48px;position:absolute;bottom:-23px}.dashboard-theme-preview i:first-child{left:-18px}.dashboard-theme-preview i:nth-child(2){background:#365b4338;bottom:-29px;right:-22px}.dashboard-theme-preview b{color:#ffffffe6;font-size:18px;position:absolute;top:10px;right:14px}.dashboard-theme-option>span:nth-child(2) strong,.dashboard-theme-option>span:nth-child(2) small{display:block}.dashboard-theme-option>span:nth-child(2) strong{font-size:13px}.dashboard-theme-option>span:nth-child(2) small{color:#9a9e96;margin-top:3px;font-size:10px}.dashboard-theme-check{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:none;position:absolute;top:9px;right:9px}.dashboard-theme-option.selected .dashboard-theme-check{display:grid}.family-icon-list{flex-direction:column;gap:12px;display:flex}.family-icon-row{background:#fff;border:1px solid #e7e9e2;border-radius:18px;grid-template-columns:190px 1fr;align-items:center;gap:18px;padding:14px;display:grid}.family-icon-person{align-items:center;gap:12px;display:flex}.family-icon-current{color:#fff;border-radius:18px;flex:none;place-items:center;width:54px;height:54px;font-size:18px;font-weight:800;display:grid;overflow:hidden}.family-icon-person strong,.family-icon-person span{display:block}.family-icon-person strong{font-size:16px}.family-icon-person span{color:#999d94;margin-top:4px;font-size:11px}.family-icon-choices{grid-template-columns:repeat(10,30px);justify-content:start;gap:6px;display:grid}.family-icon-choices button{width:30px;height:30px;color:var(--green);background:#f7f7f2;border:1px solid #e5e8e0;border-radius:9px;font-size:12px;font-weight:800;position:relative;overflow:hidden}.family-icon-choices button:hover{border-color:#b4c8b6;transform:translateY(-1px)}.family-icon-choices button.selected{background:#eff6ee;border:2px solid #79a181;box-shadow:0 3px 8px #3b5f441f}.family-icon-choices img{object-fit:cover;object-position:center 12%;width:100%;height:100%;display:block}.family-icon-choices i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:11px;height:11px;font-size:7px;font-style:normal;display:none;position:absolute;bottom:2px;right:2px}.family-icon-choices button.selected i{display:grid}.illustration-credit{color:#9a9e96;text-align:right;margin:15px 2px 0;font-size:11px}.illustration-credit a{color:#718d76;font-weight:700}.data-settings-panel{margin-bottom:4px}.data-reset-row{background:#fff;border:1px solid #e6e8e1;border-radius:18px;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;min-height:92px;padding:16px 18px;display:grid}.data-reset-icon{color:#315f4b;background:#e8efe5;border-radius:17px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.data-reset-copy strong,.data-reset-copy span{display:block}.data-reset-copy strong{font-size:16px}.data-reset-copy span{color:#92978f;margin-top:5px;font-size:12px}.data-reset-button{color:#b25f4d;background:#fff8f5;border:1px solid #e0a99c;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:750}.data-reset-button:disabled{color:#b0b4ad;cursor:default;background:#f5f6f3;border-color:#e5e7e1}.data-reset-confirm{text-align:right;min-width:220px}.data-reset-confirm>span{color:#a85c4c;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.data-reset-confirm>div{justify-content:flex-end;gap:6px;display:flex}.data-reset-confirm button{color:#777e76;background:#fff;border:1px solid #e1e4dd;border-radius:9px;padding:8px 11px;font-size:11px}.data-reset-confirm button:last-child{color:#fff;background:#c96f5c;border-color:#c96f5c;font-weight:750}.data-reset-filters{border-top:1px solid #eceee8;grid-column:2/-1;grid-template-columns:1fr 1fr 105px;align-items:end;gap:9px;padding-top:14px;display:grid}.data-reset-filters label>span,.data-reset-filters>div>span{color:#8f958d;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.data-reset-filters select,.data-reset-filters input{color:#4f5750;width:100%;height:40px;font:inherit;background:#fafbf8;border:1px solid #dfe3dc;border-radius:10px;outline:none;padding:0 10px;font-size:12px}.data-reset-filters select:focus,.data-reset-filters input:focus{border-color:#85a48b;box-shadow:0 0 0 3px #5b876317}.data-reset-filters>div{background:#eef3eb;border-radius:10px;justify-content:space-between;align-items:center;height:40px;padding:6px 10px;display:flex}.data-reset-filters>div>span{margin:0}.data-reset-filters>div strong{color:#315f4b;font-size:18px}.data-reset-filters>div small{margin-left:2px;font-size:9px}.data-settings-guide{color:#969b93;margin:12px 2px 0;font-size:11px;line-height:1.55}.data-reset-success{color:#4c7955;background:#edf6ec;border-radius:11px;margin-top:12px;padding:11px 13px;font-size:12px;font-weight:700}.data-reset-success span{color:#fff;background:#65916c;border-radius:7px;place-items:center;width:21px;height:21px;margin-right:7px;font-size:11px;display:inline-grid}.data-reset-global-filters{background:#f7f9f5;border:1px solid #e4e8e0;border-radius:15px;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-bottom:12px;padding:14px;display:grid}.data-reset-global-filters label>span{color:#7f887e;margin-bottom:6px;font-size:10px;font-weight:750;display:block}.data-reset-global-filters select,.data-reset-global-filters input{color:#4f5750;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #d9dfd7;border-radius:10px;outline:none;padding:0 10px;font-size:12px}.data-reset-global-filters select:focus,.data-reset-global-filters input:focus{border-color:#85a48b;box-shadow:0 0 0 3px #5b876317}.data-reset-global-filters>button{color:#6f786f;background:#fff;border:1px solid #dce1d9;border-radius:10px;height:40px;padding:0 14px;font-size:11px;font-weight:750}.data-reset-global-filters>button:disabled{opacity:.45}.data-reset-list{flex-direction:column;gap:9px;display:flex}.data-reset-row.game-word .data-reset-icon{color:#6d5f91;background:#ece8f5;font-size:20px;font-weight:850}.data-reset-row.game-element .data-reset-icon{color:#5275a1;background:#e5edf8;font-size:20px;font-weight:850}.data-reset-row.game-math .data-reset-icon{color:#60855c;background:#e8f3df;font-size:12px;font-weight:900}.mobile-menu-button,.backdrop{display:none}@media (width<=980px){.sidebar{width:220px}.content{width:calc(100% - 220px);margin-left:220px}.welcome-copy{width:62%}.family-scene{width:46%}.event-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.dashboard-word-card{grid-column:1/-1}.dashboard-quick-links{grid-template-columns:1fr 1fr}.dashboard-quick-links>:last-child,.memory-card{grid-column:1/-1}.theme-grid{grid-template-columns:1fr 1fr}.dashboard-theme-grid{grid-template-columns:repeat(3,1fr)}.family-icon-row{grid-template-columns:1fr}.next-trip-card{grid-template-columns:.75fr 1.25fr}.trip-progress-box{grid-column:1/-1;min-height:120px;margin:0 20px 20px}.trip-card-grid{grid-template-columns:1fr 1fr}.travel-next-ideas{flex-direction:column;align-items:flex-start}.travel-next-ideas ul{grid-template-columns:1fr 1fr;width:100%;display:grid}.trip-detail-body{grid-template-columns:1fr}.typing-player-grid{grid-template-columns:repeat(5,minmax(82px,1fr));overflow-x:auto}.typing-live-stats{grid-template-columns:1fr 1fr}.typing-result{grid-template-columns:48px 1fr}.typing-result button{grid-column:1/-1}}@media (width<=720px){.sidebar{width:min(82vw,280px);transition:transform .25s;transform:translate(-105%);box-shadow:12px 0 35px #2d372d1f}.sidebar.open{transform:translate(0)}.content{width:100%;margin-left:0;padding-top:56px}.top-actions .icon-button,.mini-families{display:none}.mobile-menu-button{z-index:30;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:10px;display:flex;position:fixed;top:10px;left:14px;box-shadow:0 5px 14px #34413614}.mobile-menu-button span{background:var(--green);border-radius:2px;height:2px}.backdrop{z-index:10;background:#1f271f47;border:0;display:block;position:fixed;inset:0}.page-body{padding:22px 16px 40px}.welcome-card{min-height:410px}.welcome-copy{width:100%;padding:31px 25px}.welcome-copy p{max-width:300px}.family-scene{width:100%;height:45%;top:auto;bottom:0}.family-dots{bottom:24%;left:18%}.dot{width:43px;height:48px}.event-grid,.summary-grid,.dashboard-quick-links,.skeleton-grid{grid-template-columns:1fr}.dashboard-word-card,.dashboard-quick-links>:last-child,.memory-card{grid-column:auto}.event-empty-card{flex-wrap:wrap;align-items:flex-start}.event-empty-card button{width:100%;margin-left:0}.summary-card{min-height:225px}.person-hero{flex-direction:column;align-items:flex-start;padding:30px 24px}.person-large{border-radius:25px;width:78px;height:78px}.section-placeholder{min-height:440px;padding:20px}.settings-intro{align-items:flex-start;padding:25px 22px}.settings-badge{border-radius:18px;width:54px;height:54px}.settings-panel{padding:21px 16px}.settings-panel-heading{flex-direction:column;align-items:flex-start;gap:6px}.theme-grid{grid-template-columns:1fr}.dashboard-theme-grid{grid-template-columns:1fr 1fr}.dashboard-theme-preview{height:64px}.family-icon-row{gap:12px;padding:12px}.family-icon-choices{grid-template-columns:repeat(10,24px);gap:4px}.family-icon-choices button{border-radius:7px;width:24px;height:24px}.illustration-credit{text-align:left;line-height:1.6}.travel-heading{flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:330px;padding:29px 24px}.travel-heading p{max-width:280px}.new-trip-button{margin-top:22px}.travel-orbit{bottom:-52%;right:-37%}.travel-stats,.next-trip-card{grid-template-columns:1fr}.next-trip-scene{min-height:180px}.next-trip-copy{padding:25px 22px}.trip-progress-box{grid-column:auto;margin:0 18px 18px}.travel-list-heading{flex-direction:column;align-items:flex-start;gap:13px}.travel-filters{width:100%}.travel-filters button{flex:1}.travel-year-filter{margin-left:-2px;margin-right:-2px}.travel-year-heading strong{font-size:26px}.trip-card-grid{grid-template-columns:1fr}.thumbnail-guide{opacity:1}.travel-next-ideas ul{grid-template-columns:1fr 1fr}.travel-modal-backdrop{align-items:end;padding:10px}.travel-modal{border-radius:24px 24px 12px 12px;max-height:calc(100vh - 20px)}.travel-modal-header,.travel-modal form{padding-left:18px;padding-right:18px}.form-row{grid-template-columns:1fr;gap:0}.member-field>div{grid-template-columns:1fr 1fr}.form-actions{grid-template-columns:.7fr 1.3fr;display:grid}.form-actions button{width:100%}.trip-detail-backdrop{padding:0}.trip-detail-panel{border-radius:0;min-height:100vh}.trip-detail-hero{height:225px}.trip-detail-hero>div:last-child{bottom:22px;left:20px}.trip-detail-hero h2{font-size:28px}.trip-detail-body{gap:12px;padding:14px}.trip-photo-section,.trip-writing-section{padding:17px 14px}.trip-photo-grid{grid-template-columns:repeat(3,1fr)}.trip-detail-footer{align-items:flex-start;margin:0 14px 14px}.treasure-hub-page{padding:15px 10px 28px}.treasure-hub-heading{flex-direction:column;align-items:flex-start;gap:13px;padding:16px}.treasure-hub-heading>a{text-align:center;width:100%}.treasure-frame-card{border-radius:14px}.treasure-frame-card iframe{height:calc(100vh - 160px);min-height:620px}.treasure-frame-guide{text-align:left;padding:0 5px;line-height:1.5}.typing-hero{align-items:flex-start;min-height:285px;padding:28px 23px 120px}.typing-hero h2{font-size:29px}.typing-hero p{font-size:14px}.typing-hero-art{width:150px;height:115px;top:auto;bottom:0;right:6px}.typing-hero-art>span{border-width:4px;border-radius:21px;width:82px;height:62px;font-size:31px}.typing-player-panel,.typing-game-card,.person-typing-records{border-radius:20px;padding:20px 16px}.typing-section-heading,.person-record-heading{flex-direction:column;align-items:flex-start;gap:9px}.typing-section-heading>p{text-align:left}.typing-player-grid{grid-template-columns:repeat(5,78px);margin-right:-16px;padding-right:16px}.typing-target,.typing-input{height:86px;padding:11px 13px;font-size:19px;line-height:1.55}.typing-live-stats{grid-template-columns:1fr 1fr}.typing-live-stats>div{flex-direction:column;gap:5px;padding:12px}.typing-round-result{flex-wrap:wrap;align-items:flex-start}.typing-round-result small{width:calc(100% - 36px);margin:-5px 0 0 36px}.typing-mission-complete{min-height:455px;padding:34px 13px 28px}.mission-trophy{border-radius:26px;width:78px;height:78px;font-size:42px}.typing-mission-complete h2{font-size:30px}.mission-summary-stats{grid-template-columns:1fr 1fr;margin:19px 0 16px}.typing-result{grid-template-columns:42px 1fr;padding:16px}.typing-result-badge{width:42px;height:42px}.typing-result h3{font-size:16px}.typing-result button{grid-column:1/-1;width:100%}.person-record-heading button{width:100%}.person-record-stats{grid-template-columns:1fr 1fr 1fr}.person-record-stats>div{padding:13px 9px}.person-record-stats strong{font-size:20px}.typing-weekly-section,.typing-daily-section{padding:15px 11px}.typing-weekly-chart{gap:2px;height:165px}.typing-weekly-chart button{padding-inline:1px}.typing-history-heading.daily{flex-direction:column;align-items:flex-start}.typing-daily-list article{grid-template-columns:1fr 1fr;gap:10px 6px}.typing-daily-list time{border-bottom:1px solid #e4e8e0;grid-column:1/-1;padding-bottom:8px}.typing-daily-list div{border-left:0;padding-left:0}.typing-daily-list div:last-child{grid-column:1/-1}.person-record-list article{grid-template-columns:1fr auto;gap:7px 10px}.person-record-list p{grid-area:2/1/auto/-1}.person-record-empty{justify-content:flex-start;padding:18px 14px}}@media (width<=980px){.element-game-hero>div:first-child{max-width:68%}.word-game-hero>div:first-child{max-width:65%}.word-progress-row{grid-template-columns:125px 1fr 100px}.word-question{min-height:240px}}@media (width<=720px){.element-game-hero{align-items:flex-start;min-height:330px;padding:28px 22px 130px}.element-game-hero>div:first-child{max-width:none}.element-game-hero h2{font-size:29px}.element-game-hero p{font-size:14px}.element-hero-atoms{width:190px;height:125px;top:auto;bottom:0;right:6px}.element-hero-atoms span{border-width:3px;border-radius:17px;width:57px;height:57px;font-size:20px}.element-hero-atoms span:first-child{top:31px}.element-hero-atoms span:nth-child(2){top:13px}.element-hero-atoms span:nth-child(3){bottom:7px}.element-start-card,.element-quiz-card,.element-result-card,.element-reference{border-radius:20px;padding:20px 15px}.element-start-card h3,.element-reference h3{font-size:22px}.element-start-samples{grid-template-columns:1fr;gap:7px}.element-start-samples>div{min-height:86px}.element-start-card>button{width:100%}.element-progress-row{grid-template-columns:1fr auto;gap:9px}.element-progress-track{grid-area:2/1/auto/-1}.element-progress-row>span{grid-area:1/2}.element-question{min-height:215px;margin-top:18px;padding:20px 12px}.element-question>strong,.element-question.type-name-to-symbol>strong{font-size:44px}.element-question h3{font-size:16px}.element-choices{grid-template-columns:repeat(2,1fr);gap:8px}.element-choices button{min-height:78px;padding:10px 7px}.element-choices button>strong{font-size:17px}.element-feedback{flex-direction:column;align-items:stretch}.element-feedback button{width:100%}.element-result-card h3{font-size:27px}.element-result-card>button{width:100%}.element-result-stats{gap:6px}.element-result-stats>div{padding:12px 5px}.element-result-stats strong{font-size:20px}.element-reference{grid-template-columns:1fr}.element-reference>button{width:100%}.periodic-table-scroll{grid-column:1}.periodic-main-grid{min-width:940px}.person-element-records{border-radius:20px;padding:20px 16px}.word-game-hero{align-items:flex-start;min-height:310px;padding:28px 23px 130px}.word-game-hero>div:first-child{max-width:none}.word-game-hero h2{font-size:29px}.word-game-hero p{font-size:14px}.word-hero-bubbles{width:170px;height:120px;top:auto;bottom:0;right:8px}.word-hero-bubbles span{border-width:4px;border-radius:19px;width:57px;height:57px;font-size:21px}.word-hero-bubbles span:first-child{top:29px}.word-hero-bubbles span:nth-child(2){top:12px}.word-hero-bubbles span:last-child{bottom:8px}.word-start-card,.word-quiz-card,.word-result-card,.person-word-records{border-radius:20px;padding:20px 16px}.word-start-heading h3{font-size:22px}.word-player-grid{grid-template-columns:1fr;margin-top:19px}.word-player{padding:13px}.word-player-avatar{width:55px;height:55px}.word-start-button{width:100%;min-width:0}.word-progress-row{grid-template-columns:1fr auto;gap:9px}.word-progress-track{grid-area:2/1/auto/-1}.word-progress-row>span{grid-area:1/2}.word-question{min-height:225px;margin-top:19px;padding:21px 15px}.word-question.assemble-word{min-height:295px}.word-emoji{font-size:78px}.word-prompt-word{font-size:48px}.word-question h3{font-size:19px}.word-question.assemble-word h3{font-size:14px}.word-answer-slots{gap:6px;margin-top:15px}.word-answer-slots>span{border-radius:12px;width:42px;height:48px;font-size:24px}.word-choices{grid-template-columns:repeat(2,1fr);gap:8px}.word-choices button{min-height:64px;font-size:18px}.word-choices.picture-choices button{min-height:92px;font-size:48px}.word-letter-bank{gap:7px}.word-letter-bank button{border-radius:13px;min-height:53px;font-size:22px}.word-feedback{flex-direction:column;align-items:stretch}.word-feedback button{width:100%}.word-result-card{min-height:430px}.word-result-card h3{font-size:27px}.word-result-stats{gap:6px}.word-result-stats>div{padding:13px 7px}.word-result-stats strong{font-size:21px}.word-result-card>button{width:100%}.word-person-list article{grid-template-columns:38px 1fr}.word-person-list time{grid-column:2}.word-jamo-groups{gap:6px;margin-top:14px}.word-jamo-group{border-radius:12px;gap:3px;padding:5px}.word-jamo-group>span{border-radius:9px;width:30px;height:38px;font-size:19px}.train-hero-art{display:none}.train-question-card{min-height:235px;margin-top:16px;padding:17px 9px}.train-picture{font-size:66px}.train-question-card h3{margin-bottom:10px;font-size:13px}.train-engine{font-size:39px}.train-car{border-radius:12px 12px 9px 9px;width:45px;height:47px;font-size:23px}.train-car:before,.train-car:after{width:7px;height:7px;bottom:-7px}.train-car:before{left:6px}.train-car:after{right:6px}.train-letter-bank{gap:7px 5px}.train-letter-bank button{border-radius:13px 13px 10px 10px;min-height:54px;font-size:21px}.train-letter-bank button i{left:8px}.train-letter-bank button i:after{left:23px}.train-feedback{margin-top:15px}.train-result-engine{font-size:62px}.math-fruit-equation{gap:8px;margin:18px auto 12px}.math-fruit-equation>span{letter-spacing:0;min-height:60px;font-size:31px}.math-fruit-equation>strong{font-size:34px}.math-number-equation{margin:22px 0 12px;font-size:54px}.math-choices button{font-size:25px}.person-math-records{border-radius:20px;padding:20px 16px}}@media (width<=980px){.calendar-day{min-height:112px;padding:7px}.calendar-task-chips>span{padding:3px 4px}.calendar-task-chips>span i{display:none}}@media (width<=720px){.calendar-intro{align-items:flex-start;min-height:190px;padding:25px 22px}.calendar-intro h2{font-size:28px}.calendar-intro p{max-width:210px;font-size:13px;line-height:1.6}.calendar-month-summary{min-width:94px;padding:14px 10px}.calendar-month-summary strong{font-size:27px}.calendar-card{border-radius:20px;padding:18px 8px 14px}.calendar-toolbar{padding:0 7px}.calendar-title h3{font-size:26px}.calendar-controls button{width:34px;height:34px}.calendar-controls .today-button{padding:0 10px}.calendar-weekdays span{padding:5px 2px;font-size:9px}.calendar-grid{border-radius:12px}.calendar-day{min-height:78px;padding:5px 3px}.calendar-date-number{border-radius:8px;width:23px;height:23px;margin-left:2px;font-size:10px}.calendar-task-chips{gap:2px;margin-top:3px}.calendar-task-chips>span{padding:2px 3px;font-size:7px}.calendar-task-chips>span small{display:none}.calendar-task-chips b{font-size:7px}.calendar-guide{padding:0 6px;line-height:1.5}.calendar-modal-backdrop{align-items:flex-end;padding:0}.calendar-modal{border-radius:25px 25px 0 0;max-height:92vh}.calendar-modal>header{padding:21px 18px 16px}.calendar-modal>header h2{font-size:20px}.calendar-selected-tasks{padding:15px 18px 2px}.calendar-task-form{margin:14px 18px 20px;padding:16px 14px}.calendar-form-row{grid-template-columns:1fr 1fr}.data-reset-global-filters{grid-template-columns:1fr 1fr;padding:12px}.data-reset-global-filters>button{grid-column:1/-1}.data-reset-row{grid-template-columns:45px 1fr;gap:11px;padding:14px}.data-reset-icon{border-radius:14px;width:45px;height:45px;font-size:21px}.data-reset-button,.data-reset-confirm,.data-reset-filters{grid-column:1/-1;width:100%}.data-reset-confirm{text-align:left}.data-reset-confirm>div{justify-content:stretch}.data-reset-confirm button{flex:1}.data-reset-copy span{line-height:1.5}.data-reset-filters{grid-template-columns:1fr 1fr}.data-reset-filters>div{grid-column:1/-1}.typing-question-tools{justify-content:space-between;width:100%}.typing-target,.typing-input{height:54px;padding:11px 13px;font-size:19px;line-height:1.35}.typing-hero,.element-game-hero,.word-game-hero{border-radius:18px;align-items:center;min-height:0;padding:17px 18px}.typing-hero-copy,.element-game-hero>div:first-child,.word-game-hero>div:first-child{max-width:none}.typing-hero h2,.element-game-hero h2,.word-game-hero h2{margin:8px 0 0;font-size:22px;line-height:1.25}.typing-hero p,.element-game-hero p,.word-game-hero p{display:none}.typing-hero .pill,.element-game-hero .pill,.word-game-hero .pill{padding:5px 9px;font-size:9px}.typing-hero-art,.element-hero-atoms,.word-hero-bubbles,.typing-page.game-active .typing-hero,.element-game-page.game-active .element-game-hero,.word-game-page.game-active .word-game-hero{display:none}.element-game-page.game-active .element-quiz-card,.element-game-page.game-active .element-result-card,.word-game-page.game-active .word-quiz-card,.word-game-page.game-active .word-result-card{margin-top:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.settings-sync-status{color:#537063;background:#ffffffc7;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 13px;font-size:14px;font-weight:700;display:inline-flex}.settings-sync-status i{background:#dcebdd;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.settings-sync-status.saving i,.settings-sync-status.loading i{animation:1s linear infinite settings-sync-spin}.settings-sync-status.offline{color:#9a654e;background:#fff4eb}.settings-sync-status.offline i{background:#f5d8c8}@keyframes settings-sync-spin{to{transform:rotate(360deg)}}.dashboard-page{padding-top:24px;padding-bottom:30px}.dashboard-page .welcome-card{border-radius:24px;min-height:220px}.dashboard-page .welcome-copy{padding:25px 5%}.dashboard-page .welcome-copy h2{margin:10px 0 17px;font-size:clamp(30px,3vw,43px)}.dashboard-page .section-heading{margin:20px 1px 10px}.dashboard-page .section-heading h2{margin-top:0;font-size:20px}.dashboard-page .event-card{padding:12px 14px}.dashboard-page .event-empty-card{min-height:64px;padding:9px 12px}.dashboard-page .event-empty-card>span{border-radius:12px;width:39px;height:39px;font-size:19px}.dashboard-page .event-empty-card button{padding:9px 12px}.dashboard-page .summary-grid{margin-top:12px}.dashboard-page .summary-card{border-radius:18px;min-height:120px;padding:16px 17px}.dashboard-page .round-icon{border-radius:10px;width:32px;height:32px}.dashboard-page .dashboard-card-metric{bottom:13px;left:17px;right:17px}.dashboard-page .dashboard-card-metric>strong{font-size:25px}.dashboard-page .dashboard-quick-links{margin-top:10px}.dashboard-page .dashboard-quick-links>a,.dashboard-page .dashboard-quick-links>button{border-radius:14px;grid-template-columns:34px 1fr auto;gap:8px;min-height:54px;padding:7px 10px}.dashboard-page .quick-link-icon{border-radius:11px;width:34px;height:34px;font-size:16px}.dashboard-page .dashboard-quick-links strong{margin-top:0}@media (width<=980px){.dashboard-page .summary-grid{scrollbar-width:none;grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto}.dashboard-page .summary-grid::-webkit-scrollbar{display:none}.dashboard-page .dashboard-word-card{grid-column:auto}.dashboard-page .dashboard-quick-links{grid-template-columns:repeat(2,1fr)}.dashboard-page .dashboard-quick-links>:last-child{grid-column:auto}}@media (width<=720px){.dashboard-page{padding:12px 12px 22px}.dashboard-page .welcome-card{border-radius:20px;min-height:250px}.dashboard-page .welcome-copy{padding:18px}.dashboard-page .welcome-copy h2{margin:8px 0 12px;font-size:28px;line-height:1.12}.dashboard-page .primary-button{padding:10px 13px;font-size:12px}.dashboard-page .family-scene{height:42%}.dashboard-page .family-dots{bottom:20%;left:15%}.dashboard-page .section-heading{margin:15px 1px 8px}.dashboard-page .event-grid{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(260px,84vw);grid-auto-flow:column;overflow-x:auto}.dashboard-page .event-grid::-webkit-scrollbar{display:none}.dashboard-page .event-empty-card{flex-wrap:nowrap;grid-column:auto;align-items:center;width:calc(100vw - 24px)}.dashboard-page .event-empty-card button{width:auto;margin-left:auto}.dashboard-page .summary-grid{grid-template-columns:none;grid-auto-columns:minmax(235px,78vw);grid-auto-flow:column;gap:9px}.dashboard-page .summary-card{min-height:114px}.dashboard-page .dashboard-quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dashboard-page .dashboard-quick-links>a,.dashboard-page .dashboard-quick-links>button{grid-template-columns:30px 1fr;gap:5px;min-height:51px;padding:7px}.dashboard-page .quick-link-icon{width:30px;height:30px;font-size:14px}.dashboard-page .dashboard-quick-links strong{font-size:10px;line-height:1.2}.dashboard-page .dashboard-quick-links b{display:none}}.calendar-intro{min-height:112px;padding:18px 24px}.calendar-intro h2{margin:8px 0 0;font-size:28px}.calendar-month-summary{padding:13px 16px}.calendar-card{margin-top:12px}.calendar-task-empty strong{color:#8b928a;font-size:12px}.travel-heading{min-height:165px;padding:24px 30px}.travel-heading h2{margin-bottom:0;font-size:clamp(30px,2.7vw,40px)}.travel-stats{margin:10px 0}.travel-list-heading{margin-top:22px}.typing-hero,.element-game-hero,.word-game-hero{min-height:155px;padding:24px 30px}.typing-hero h2,.element-game-hero h2,.word-game-hero h2{margin-bottom:0;font-size:31px}.typing-hero-art,.element-hero-atoms,.word-hero-bubbles{transform-origin:100%;transform:scale(.78)}.typing-player-panel,.typing-game-card,.element-start-card,.element-quiz-card,.element-result-card,.element-reference,.word-start-card,.word-quiz-card,.word-result-card{margin-top:12px;padding:22px}.typing-section-heading{margin-bottom:14px}.element-start-samples{margin:17px auto 14px}.element-reference{gap:12px}.settings-intro{padding:20px 24px}.settings-intro h2{margin:7px 0 0;font-size:27px}.settings-sync-status{margin-top:9px}.settings-panel{margin-top:12px;padding:22px}.person-hero{padding:24px}.person-hero h2{margin:8px 0 0}.person-typing-records,.person-element-records,.person-word-records{margin-top:12px}.person-record-empty{min-height:76px;padding:14px}.skeleton-grid{margin-top:12px}.skeleton-grid article{min-height:110px;padding:18px}.skeleton-grid h3{margin:16px 0 0}.section-placeholder{min-height:300px}.treasure-hub-heading{margin-bottom:10px;padding:13px 18px}.treasure-hub-heading h2{margin-bottom:0}@media (width<=720px){.calendar-intro{align-items:center;min-height:108px;padding:14px 15px}.calendar-intro h2{font-size:23px}.calendar-month-summary{min-width:86px;padding:10px 8px}.calendar-card{margin-top:9px}.travel-heading{justify-content:flex-start;min-height:150px;padding:18px}.travel-heading h2{font-size:27px}.new-trip-button{margin-top:16px}.travel-stats{grid-template-columns:repeat(3,1fr);gap:6px}.travel-stats>div{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 8px}.travel-stats span{margin-right:0;font-size:9px}.travel-stats strong{font-size:22px}.travel-stats small{font-size:8px}.next-trip-scene{min-height:125px}.next-trip-copy{padding:17px 16px}.typing-hero,.element-game-hero,.word-game-hero{min-height:0;padding:14px 16px}.typing-hero h2,.element-game-hero h2,.word-game-hero h2{font-size:21px}.typing-player-panel,.typing-game-card,.element-start-card,.element-quiz-card,.element-result-card,.element-reference,.word-start-card,.word-quiz-card,.word-result-card{padding:17px 14px}.settings-intro{padding:16px}.settings-intro h2{font-size:23px}.settings-panel{padding:17px 14px}.person-hero{flex-direction:row;align-items:center;padding:16px}.person-large{border-radius:20px;width:62px;height:62px}.person-hero h2{font-size:25px}.person-hero-links{gap:5px}.person-hero-links .person-treasure-link strong{display:none}.person-treasure-link{gap:5px;padding:7px 8px}.person-treasure-link>span{border-radius:8px;width:27px;height:27px;font-size:13px}.person-treasure-link strong{font-size:11px}.person-treasure-link i{display:none}.section-placeholder{min-height:240px}.treasure-hub-heading{flex-direction:row;align-items:center;padding:12px}.treasure-hub-heading h2{font-size:21px}.treasure-hub-heading>a{width:auto;padding:9px 11px}}.travel-page,.calendar-page,.typing-page,.element-game-page,.word-game-page,.placeholder-page,.settings-page{min-height:100vh}@media (width<=980px){.family-activity-grid{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(205px,1fr);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.family-activity-grid::-webkit-scrollbar{display:none}}@media (width<=720px){.family-activity-heading{margin-top:14px}.family-activity-grid{grid-auto-columns:minmax(210px,72vw);gap:8px}.family-activity-card{border-radius:16px;min-height:151px;padding:11px}}.typing-word-lives .typing-speed-stage{border-left:1px solid #e0e5dd;align-items:center;gap:6px;margin-left:8px;padding-left:13px;display:inline-flex}.typing-word-lives .typing-speed-stage small{margin:0}.typing-word-lives .typing-speed-stage strong{color:#4e6d57;letter-spacing:-.03em;min-width:45px;line-height:1;transition:font-size .25s}.typing-word-lives .typing-clock-item{background:#fff8dc;border:1px solid #ead9a8;border-radius:11px;align-items:center;gap:3px;margin-left:7px;padding:4px 8px;display:inline-flex;box-shadow:0 4px 10px #99792a1a}.typing-word-lives .typing-clock-item>span{font-size:24px;line-height:1}.typing-word-lives .typing-clock-item small{color:#8b7131;margin:0;font-size:11px}.typing-word-lives .typing-clock-item.ready:hover{background:#fff2bd;transform:translateY(-1px)}.typing-word-lives .typing-clock-item.used{filter:grayscale();opacity:.52;box-shadow:none;background:#f1f2ef;border-color:#e1e3df}.typing-moving-word-card.speed-1{color:#874f58;background:#f8e0e3;box-shadow:0 10px 22px #9a4e5a1f}.typing-moving-word-card.speed-2{color:#844952;background:#f4d0d5;box-shadow:0 10px 22px #a0495624}.typing-moving-word-card.speed-3{color:#7b404b;background:#efbdc4;box-shadow:0 10px 22px #a9415029}.typing-moving-word-card.speed-4{color:#713741;background:#e9a5ae;box-shadow:0 10px 23px #b038492e}.typing-moving-word-card.speed-5{color:#fff;background:#e08794;box-shadow:0 10px 23px #b1314433}.typing-moving-word-card.speed-6{color:#fff;background:#d66777;box-shadow:0 10px 24px #ab2a3d3b}.typing-moving-word-card.speed-7{color:#fff;background:#c94f62;box-shadow:0 10px 24px #a6263b45}.typing-special-guide{border:2px solid #0000;border-radius:14px;align-items:center;gap:7px;margin-left:auto;padding:8px 13px;font-size:11px;display:flex}.typing-special-guide strong{white-space:nowrap;font-size:12px}.typing-special-guide span{font-weight:750}.typing-special-guide.yellow{color:#775d0d;background:#fff8cf;border-color:#efd574}.typing-special-guide.blue{color:#275f80;background:#e7f5fe;border-color:#9bcde9}.typing-special-guide.green{color:#2c6839;background:#ebf8eb;border-color:#a9d9af}.typing-moving-word.frozen{animation-play-state:paused}.typing-moving-word-card.bonus-yellow{color:#735c12;background:#f5d86f;border-color:#fff0ad;box-shadow:0 10px 24px #be992647}.typing-moving-word-card.bonus-blue{color:#245b7c;background:#91c9ec;border-color:#d8efff;box-shadow:0 10px 24px #307ca940}.typing-moving-word-card.bonus-green{color:#265f36;background:#91d09b;border-color:#dff6df;box-shadow:0 10px 24px #3584433d}.typing-moving-word.blinking .typing-moving-word-card{animation:1s ease-in-out infinite typing-word-blink}.typing-moving-word.blinking.collision .typing-moving-word-card{animation:.5s ease-out forwards typing-word-explode}.typing-moving-word.blinking.heart-pop .typing-moving-word-card{animation:.5s ease-out forwards typing-word-caught}.typing-word-notice.frozen{color:#80651f;background:#fff6d6}.typing-item-guide{background:#f8faf6;border:1px solid #e2e6de;border-radius:15px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px;padding:8px;display:grid}.typing-item-guide>div{background:#fff;border-radius:10px;align-items:center;gap:7px;min-width:0;padding:6px 7px;display:flex}.typing-item-guide>div>span{flex:none;font-size:18px;line-height:1}.typing-item-guide p{flex-direction:column;gap:1px;min-width:0;margin:0;display:flex}.typing-item-guide strong{color:#555e54;font-size:10px}.typing-item-guide small{color:#899087;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;line-height:1.25;overflow:hidden}.typing-item-guide .clock>span{font-size:20px}.typing-item-guide .clock.used{opacity:.48;filter:grayscale()}.typing-item-guide .yellow>span{color:#e9c84e}.typing-item-guide .blue>span{color:#69acd4}.typing-item-guide .green>span{color:#6eb779}.typing-item-guide .heart>span{color:#e34f63}@keyframes typing-word-blink{0%,to{opacity:1}50%{opacity:.18}}@media (width<=720px){.typing-section-heading.compact{flex-flow:wrap;align-items:center}.typing-section-heading.compact>div:first-child{flex:1}.typing-special-guide{order:3;justify-content:center;width:100%;margin-left:0}.typing-item-guide{scrollbar-width:none;grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto}.typing-item-guide::-webkit-scrollbar{display:none}}.word-jamo-group{gap:4px;width:92px;height:96px;padding:7px;display:grid}.word-jamo-group.vertical{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.word-jamo-group.vertical.has-final{grid-template-rows:1fr 31px}.word-jamo-group.vertical .initial{grid-area:1/1}.word-jamo-group.vertical .medial{grid-area:1/2}.word-jamo-group.vertical .final{grid-area:2/1/auto/-1}.word-jamo-group.horizontal{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}.word-jamo-group.horizontal.has-final{grid-template-rows:repeat(3,1fr)}.word-jamo-group.horizontal .initial{grid-row:1}.word-jamo-group.horizontal .medial{grid-row:2}.word-jamo-group.horizontal .final{grid-row:3}.word-jamo-group>span{border-radius:9px;width:auto;min-width:0;height:auto;min-height:0;padding-top:7px;font-size:21px;position:relative}.word-jamo-group>span:before{content:attr(data-position);color:#a5b0c1;font-size:8px;font-weight:850;line-height:1;position:absolute;top:2px;left:4px}.word-jamo-group>span.filled:before{color:#8297b5}@media (width<=720px){.word-jamo-group{width:82px;height:88px;padding:5px}.word-jamo-group.vertical.has-final{grid-template-rows:1fr 28px}.word-jamo-group>span{width:auto;height:auto;font-size:19px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}