@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&display=swap";@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-font-weight: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}}}:root,:host{--color-red-100:oklch(93.6% .032 17.717);--color-red-700:oklch(50.5% .213 27.518);--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.w-xl{width:var(--container-xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.rounded{border-radius:.25rem}.bg-red-100{background-color:var(--color-red-100)}.px-1{padding-inline:var(--spacing)}.py-1{padding-block:var(--spacing)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#6a6e67\]{color:#6a6e67}.text-\[\#333\]{color:#333}.text-\[\#555\]{color:#555}.text-\[\#72776f\]{color:#72776f}.text-\[\#bdc6b7\]{color:#bdc6b7}.text-\[\#bfc3b9\]{color:#bfc3b9}.text-red-700{color:var(--color-red-700)}.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,)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@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-font-weight{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}:root{color:#20232c;font-synthesis:none;--ink:#20232c;--muted:#72776f;--line:#dfe2da;--surface:#fff;--soft:#eef1e8;--primary:#2e6245;--primary-dark:#204a33;--accent:#d9ed93;--highlight:#d3e5a5;--danger:#a83e36;--shadow:0 18px 55px #1c292014;background:#f6f7f4;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f6f7f4;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Lora,serif}.container,.page-container{width:min(1160px,100% - 40px);margin:0 auto}.page-container{padding:56px 0 90px}.explore-page-bg{background:radial-gradient(100% 60% at 50% 25%,#eef3dc 0%,#0000 35%)}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:.74rem;font-weight:800;display:inline-block}.brand{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:3px 10px 0;font-size:1.35rem;font-weight:700;display:inline-flex}.button{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;padding:13px 20px;font-weight:500;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--primary);color:#fff;box-shadow:0 10px 22px #2e62452e}.button.primary:hover{background:var(--primary-dark)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.danger{color:var(--danger);background:#fff2f0;border-color:#efcac5}.button.small{border-radius:11px;padding:10px 15px}.button.tiny{border-radius:9px;padding:8px 12px;font-size:.85rem}.button.full{width:100%}.text-button,.link-button,.more-button,.close-button{background:0 0;border:0}.text-button{padding:0;font-weight:700}.primary-text,.link-button{color:var(--primary)}.link-button:hover{text-decoration:underline}.danger-text{color:var(--danger)}.input-text{font-weight:300}.glass-button{color:var(--ink);background:#ffffff80;border:1px solid #ffffffe6;box-shadow:0 4px 30px #0000001a}.landing-page{background:linear-gradient(165deg,#eef3dc 0%,#fff 72%);min-height:100vh;display:flow-root}.landing-header{justify-content:space-between;align-items:center;height:82px;display:flex}.landing-nav{align-items:center;gap:24px;font-weight:700;display:flex}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;min-height:640px;padding:62px 0 80px;display:grid}.hero h1{letter-spacing:-.05em;max-width:650px;margin-bottom:25px;font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:1.05}.hero-copy>p{max-width:570px;color:var(--muted);font-size:1.05rem;line-height:1.65}.hero-actions{gap:12px;margin:32px 0 42px;display:flex}.hero-stats{gap:34px;display:flex}.hero-stats div{flex-direction:column;gap:4px;display:flex}.hero-stats strong{font-size:1.05rem;font-weight:700}.hero-stats span{color:var(--muted);font-size:.82rem}.hero-preview{position:relative}.hero-preview:before{content:"";background:var(--accent);opacity:.6;filter:blur(2px);border-radius:45% 55% 50% 42%;position:absolute;inset:8% -5% -8% 18%;transform:rotate(-7deg)}.preview-window{background:#ffffffeb;border:1px solid #fffc;border-radius:28px;max-width:520px;margin:auto;padding:20px;position:relative;transform:rotate(2deg);box-shadow:0 35px 90px #204a332e}.preview-bar{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding-bottom:18px;font-size:.82rem;font-weight:700;display:flex}.preview-bar i{background:#ccd1c8;border-radius:50%;width:9px;height:9px}.preview-bar span{color:var(--muted);margin-left:auto}.preview-categories{gap:8px;padding:18px 0;display:flex;overflow:hidden}.preview-categories span,.category-pill{background:var(--soft);color:#536052;border-radius:99px;padding:6px 10px;font-size:.74rem;font-weight:500}.preview-categories .active{color:#fff;background:var(--primary)}.preview-word{border:1px solid var(--line);background:#fff;border-radius:18px;width:82%;padding:22px;box-shadow:0 12px 30px #1c29200f}.preview-word.offset{margin:-9px 0 0 auto}.preview-word>span{color:var(--primary);text-transform:uppercase;font-size:.7rem;font-weight:800}.preview-word h3{margin:13px 0 3px;font-size:1.45rem}.korean{margin-bottom:12px;font-size:1.06rem;font-weight:600}.preview-word small{color:var(--muted)}.feature-strip{border:1px solid var(--line);background:var(--line);border-radius:22px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:90px;display:grid;overflow:hidden}.feature-strip article{background:#fff;padding:34px}.feature-strip b{color:var(--primary);font-size:.8rem}.feature-strip h3{margin:22px 0 10px}.feature-strip p{color:var(--muted);margin:0;line-height:1.65}.auth-page{background:radial-gradient(circle at 20% 10%,#e4f0c6,#0000 30%),#f6f7f4;place-items:center;min-height:100vh;padding:90px 20px 45px;display:grid}.auth-brand{position:absolute;top:27px;left:32px}.auth-card{border:1px solid var(--line);width:min(470px,100%);box-shadow:var(--shadow);background:#fffffff5;border-radius:24px;padding:40px}.auth-card h1{letter-spacing:-.04em;margin-bottom:10px;font-size:2rem}.auth-card>p{color:var(--muted)}.auth-card form{gap:18px;margin-top:28px;display:grid}label{color:#454b44;gap:8px;font-size:.87rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;outline:none;padding:12px 13px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px #4b825c1c}.category-input{border-radius:0}.password-field{border:1px solid var(--line);border-radius:11px;display:flex;overflow:hidden}.password-field:focus-within{border-color:#75a185;box-shadow:0 0 0 3px #4b825c1c}.password-field input{box-shadow:none;border:0;border-radius:0}.password-field button{color:var(--primary);background:#fff;border:0;padding:0 13px;font-weight:700}.form-between{justify-content:space-between;align-items:center;display:flex}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:500;display:flex}.checkbox-label input{width:auto}.auth-switch{text-align:center;font-size:.9rem;margin:22px 0 0!important}.auth-switch a{color:var(--primary);font-weight:800}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f7f4eb;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,50vw - 580px);display:flex;position:sticky;top:0}.main-nav{border:1px solid var(--line);background:#fff;border-radius:40px;align-items:center;gap:5px;padding:5px;display:flex;position:relative}.nav-indicator{background:var(--primary);pointer-events:none;border-radius:15px;position:absolute;top:5px;bottom:5px;left:0}.nav-link{z-index:1;color:var(--muted);border-radius:14px;padding:8px 14px;font-size:.88rem;transition:color .2s;position:relative}.nav-link.active{color:#fff}.topbar-actions{justify-self:end;gap:10px;display:flex}.icon-button,.avatar{border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.avatar{color:#fff;background:var(--primary);border-color:var(--primary);font-size:1rem;font-weight:800}.topbar-start{align-items:center;gap:8px;display:flex}.hamburger-menu-container{position:relative}.hamburger-button{background:0 0;border:none;padding:0;display:none}.mobile-nav-menu{z-index:100;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:2px;min-width:160px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #0000001f}.mobile-nav-menu .nav-link{border-radius:8px;padding:9px 10px}.mobile-nav-menu .nav-link.active{background:var(--soft);color:var(--primary);font-weight:700}.page-title-row{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.page-title-row h1{letter-spacing:-.045em;margin-bottom:7px;font-size:clamp(1.8rem,3.5vw,2.8rem)}.page-title-row p,.section-heading p{color:var(--muted)}.toolbar-card{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:1fr auto auto;gap:12px;padding:13px;display:grid;box-shadow:0 10px 30px #1c29200a}.search-box,.large-search{background:#fff;border-radius:11px;align-items:center;gap:10px;padding-left:13px;display:flex}.search-box input,.large-search input{box-shadow:none;border:0;padding-left:0}.toolbar-card select{width:auto;min-width:180px}.mylists-search-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.mylists-search-row .large-search{flex:260px;margin:0}.mylists-filter-button{border:1px solid var(--line);background:var(--line);width:auto;height:44px;color:var(--muted);border-radius:22px;flex:none;padding:0 1em;font-size:.85rem;font-weight:500}.mylists-filter-button.active{color:var(--primary);border-color:var(--primary);background:#fff}.view-toggle{background:var(--soft);border-radius:11px;gap:4px;padding:4px;display:flex}.view-toggle button{width:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:1.1rem}.view-toggle button.active{color:var(--primary);background:#fff;box-shadow:0 3px 10px #1c292014}.category-tabs{flex-wrap:wrap;gap:8px;margin:22px 0 28px;display:flex}.category-tabs button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:99px;flex:none;padding:9px 14px;font-weight:700}.category-tabs button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.category-tabs small{opacity:.7;margin-left:5px}.star-tab-icon{color:#ffd64f;vertical-align:-1px;margin-right:4px}.category-tab,.category-tab-form{border:1px solid var(--line);height:38px;color:var(--muted);background:#fff;border-radius:99px;flex:none;align-items:center;padding:0 14px;display:inline-flex}.category-tab.active{color:#fff;background:var(--primary);border-color:var(--primary)}.category-tab>button:first-child{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.category-tab-actions{margin-left:6px;display:inline-flex}.category-tab-actions button{color:inherit;opacity:.65;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:2px;font-size:12px;line-height:1}.category-tab-actions button:hover{opacity:1;background:#0000000f}.category-tab-form input{border:0;border-bottom:2px solid var(--line);color:var(--ink);font-weight:700;font-size:inherit;background:0 0;outline:none;width:110px;padding-bottom:2px;font-family:inherit}.category-tab-form input:focus{border-bottom-color:var(--primary)}.category-tab-form input::placeholder{color:var(--line);font-weight:400}.category-tab-form button{color:var(--primary);cursor:pointer;background:0 0;border:0;width:26px;height:26px;font-weight:700}.visibility-badge{background:var(--soft);color:var(--primary);border:0;border-radius:99px;align-items:center;gap:6px;margin-bottom:10px;padding:7px 14px 7px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.visibility-badge.private{color:#96482f;background:#fbeee9}.visibility-toggle{cursor:pointer;transition:filter .15s}.visibility-toggle:hover{filter:brightness(.96)}.list-edit-toggle-row{justify-content:flex-end;gap:8px;display:flex}.list-edit-toggle-row .button{align-items:center;gap:6px;display:inline-flex}.list-title-input{border:0;border-bottom:2px solid var(--line);letter-spacing:-.045em;width:100%;max-width:560px;color:var(--muted);background:0 0;border-radius:0;outline:none;margin-bottom:7px;padding:2px 0 4px;font-family:Lora,serif;font-size:clamp(1.6rem,3vw,2.4rem);display:block}.list-title-input:focus{border-bottom-color:var(--primary)}.list-description-input{border:0;border-bottom:2px solid var(--line);width:100%;max-width:620px;font:inherit;color:var(--muted);resize:vertical;background:0 0;border-radius:0;outline:none;margin-bottom:16px;padding:4px 0;display:block}.list-description-input:focus{border-bottom-color:var(--primary)}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.word-grid.list-view{grid-template-columns:1fr;gap:0}.profile-meta{align-items:center;display:flex}.more-button{color:var(--muted);font-weight:800}.empty-state{text-align:center;color:var(--muted);padding:80px 20px}.empty-state>div{font-size:2rem}.empty-state h2{color:var(--ink);margin:15px 0 7px}.empty-state-action{margin-top:20px}.explore-hero{text-align:center;max-width:760px;margin:10px auto 62px}.explore-hero h1{letter-spacing:-.05em;margin-bottom:18px;font-size:clamp(2.5rem,5vw,4.4rem)}.explore-hero>p{color:var(--muted);font-size:1.08rem;line-height:1.7}.large-search{max-width:660px;margin:0 auto 2rem;box-shadow:0 14px 35px #1c292012}.large-search input{padding:16px 8px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-heading h2{margin-bottom:4px}.section-heading select{width:auto}.list-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.list-card{border:1px solid var(--line);color:inherit;background:#fff;border-radius:16px;padding:20px;transition:all .2s;display:block}.list-card:hover{box-shadow:var(--shadow);border-color:#cdd4c9;transform:translateY(-3px)}.list-card-top{margin-bottom:16px;display:flex}.list-card-icon{background:var(--soft);width:44px;height:44px;color:var(--primary);border-radius:12px;place-items:center;font-size:1.3rem;display:grid}.list-card h3{margin:0 0 6px;font-size:1.05rem;line-height:1.3}.list-card-meta{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:.82rem;display:flex}.list-card-meta .more-button{margin-left:auto}.list-stats{align-items:baseline;gap:5px;margin-top:18px;display:flex}.list-stats strong{font:700 1.65rem Lora}.list-stats span{color:var(--muted)}.list-row-grid{flex-direction:column;display:flex}.list-row{color:inherit;background:#fefffc;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;padding:18px 15px;display:flex;box-shadow:0 2px 4px #1c292014}.list-row:hover{box-shadow:0 6px 18px #1c292014}.list-row-main{flex:1;min-width:0}.list-row-main h3{margin:0 0 4px;font-size:1.05rem}.list-row-desc{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin:0;font-size:.8rem;overflow:hidden}.list-row-meta{color:var(--muted);flex-shrink:0;align-items:center;gap:18px;font-size:.85rem;font-weight:700;display:flex}.list-row-meta svg{vertical-align:-2px;font-size:1.05rem}.inline-create{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:1fr 2fr auto;gap:10px;margin:-10px 0 25px;padding:14px;display:grid}.icon-button-container{justify-content:center;align-items:center;display:flex}.profile-hero{border-bottom:3px solid var(--line);padding-bottom:30px}.profile-avatar{color:#fff;background:var(--primary);border-radius:24px;place-items:center;width:80px;height:80px;font-size:1.8rem;font-weight:700;display:grid}.list-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.list-title-row h1{margin-bottom:0}.copy-list-button{flex-shrink:0;gap:8px}.profile-hero p{color:var(--muted);margin-bottom:16px}.profile-meta{color:var(--muted);gap:20px;font-size:.8rem}.settings-layout{grid-template-columns:210px 1fr;gap:24px;display:grid}.settings-menu{flex-direction:column;align-items:stretch;gap:5px;display:flex}.settings-menu button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:12px 14px;font-weight:700}.settings-menu button.active{color:var(--primary);background:#e8eee6}.settings-content{gap:16px;display:grid}.settings-panel{border:1px solid var(--line);background:#fff;border-radius:18px;gap:18px;padding:26px;display:grid}.settings-panel h2{margin-bottom:5px}.settings-panel>p,.panel-heading p{color:var(--muted);margin:0}.settings-panel .button{justify-self:start}.settings-panel-disabled{opacity:.55}.settings-panel-disabled input,.settings-panel-disabled .button{cursor:not-allowed}.panel-heading{justify-content:space-between;align-items:center;display:flex}.small-avatar{border-radius:16px;width:52px;height:52px;font-size:.9rem}.two-column{grid-template-columns:1fr 1fr;gap:14px;display:grid}.danger-panel{border-color:#edcbc7}.danger-actions{gap:10px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141c168c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;gap:17px;width:min(540px,100%);padding:27px;display:grid;box-shadow:0 30px 100px #00000040}.create-list-title-input{padding:14px 16px;font-size:1.2rem}.create-list-visibility{justify-self:start;margin-bottom:0}.modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.modal-heading h2{margin:0}.close-button{color:var(--muted);font-size:1.8rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.floating-note{z-index:60;color:#fff;box-shadow:var(--shadow);background:#202c24;border-radius:12px;padding:12px 18px;font-weight:700;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.top-toast{z-index:60;color:#fff;box-shadow:var(--shadow);background:#202c24;border-radius:12px;padding:12px 18px;font-weight:700;position:fixed;top:25px;left:50%;transform:translate(-50%)}.top-toast.success{background:var(--primary)}.top-toast.error{background:var(--danger)}@media (width<=900px){.hero{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.feature-strip,.word-grid,.list-card-grid{grid-template-columns:1fr 1fr}}@media (width<=680px){.container,.page-container{width:min(100% - 28px,1160px)}.landing-nav>a:first-child{display:none}.hero{min-height:auto;padding-top:40px}.hero h1{font-size:2.6rem}.hero-stats{flex-wrap:wrap;gap:16px}.feature-strip,.word-grid,.list-card-grid{grid-template-columns:1fr}.feature-strip article{padding:26px}.list-row{flex-direction:column;align-items:flex-start;gap:8px}.list-row-main{width:100%}.list-row-meta{justify-content:space-between;width:100%}.topbar{grid-template-columns:1fr auto;padding:0 14px}.main-nav{display:none}.hamburger-button{display:grid}.topbar-actions .icon-button{display:none}.page-container{padding-top:35px;padding-bottom:110px}.page-title-row{flex-direction:column;align-items:flex-start}.toolbar-card{grid-template-columns:1fr auto}.toolbar-card .search-box{grid-column:1/-1}.toolbar-card select{width:100%;min-width:0}.profile-hero{text-align:center}.profile-avatar{margin:auto}.profile-meta{flex-wrap:wrap;justify-content:center}.list-title-row{flex-direction:column;align-items:stretch;gap:10px}.settings-layout{grid-template-columns:1fr}.settings-menu{flex-direction:row;overflow-x:auto}.two-column,.inline-create{grid-template-columns:1fr}.auth-card{padding:28px 22px}.auth-brand{left:20px}.brand{padding:0 0 0 2px}}.auth-menu-container{position:relative}.avatar-circle{color:#71717a;cursor:pointer;background:#e4e4e7;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;transition:background .15s;display:flex}.avatar-circle:hover{background:#d4d4d8}.avatar-circle-lg{cursor:default;width:40px;height:40px;font-size:20px}.avatar-circle-lg:hover{background:#e4e4e7}.auth-menu-header{align-items:center;gap:10px;padding:10px 8px;display:flex}.auth-menu-identity{flex-direction:column;min-width:0;display:flex}.auth-menu-username{color:#1a1a1a;font-size:14px;font-weight:400}.auth-menu-email{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.auth-menu-divider{background:#eee;height:1px;margin:4px 0}.auth-menu-item{color:#333;cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:9px 8px;font-size:13px;display:flex}.auth-menu-item:hover{background:#f5f5f5}.auth-menu-item-icon{color:#666;flex-shrink:0;font-size:15px}.auth-menu{z-index:100;background:#fff;border:1px solid #e5e5e5;border-radius:12px;min-width:240px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000001f}.auth-divider{color:#999;align-items:center;gap:10px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#eee;flex:1;height:1px}.word-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;padding:21px;transition:all .2s;display:flex}.word-card:hover{box-shadow:var(--shadow);border-color:#cdd4c9;transform:translateY(-3px)}.word-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-pair{flex-wrap:wrap;grid-template-columns:1fr 1fr;align-items:baseline;gap:10px;margin:18px 0 8px;display:grid}.word-note{color:var(--muted);margin:0;line-height:1.55}.word-actions{align-items:center;gap:14px;display:flex}.star-button{color:var(--muted)}.star-button.starred{color:#ffd64f}.save-button{color:var(--primary)}.cancel-button{color:var(--danger)}.inline-edit-input{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border-radius:0;outline:none;padding:2px 0 4px}.inline-edit-input:focus{border-bottom-color:var(--primary)}.category-select.inline-edit-input{width:auto;max-width:140px}.word-card-list{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:auto 140px 140px 1fr auto auto;align-items:center;gap:20px;min-height:auto;padding:18px 6px;display:grid}.word-card-list:hover{box-shadow:none;border-color:var(--line);background:var(--soft);transform:none}.word-card-list .word-english{font-weight:700}.word-card-list .word-korean{color:var(--muted)}.word-card-list .category-pill{justify-self:end}@media (width<=900px){.word-card-list{grid-template-columns:auto 110px 110px 1fr auto auto}}@media (width<=680px){.word-card-list{grid-template-columns:1fr 1fr auto;grid-template-areas:"star star actions""english korean category""note note note";align-items:center;gap:6px 12px;min-height:auto;display:grid}.word-card-list .word-list-star{grid-area:star}.word-card-list .word-actions{grid-area:actions;justify-self:end;margin-top:0}.word-card-list .word-english,.word-card-list .word-english-input{grid-area:english}.word-card-list .word-korean,.word-card-list .word-korean-input{grid-area:korean}.word-card-list .category-pill,.word-card-list .category-select{grid-area:category;justify-self:end}.word-card-list .word-note,.word-card-list .word-note-input{grid-area:note}}.modal-background{z-index:5000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.import-modal{z-index:9999;background-color:#fff;border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 10px 40px #00000026}.import-modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.import-modal-title{color:#1a1a1a;font-size:16px;font-weight:600}.close-button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.close-button:hover{color:#1a1a1a;background:#f0f0f0}.import-modal-desc{color:#666;margin:0 0 20px;font-size:13px;line-height:1.5}.import-modal-desc code{color:#333;background:#f5f5f5;border-radius:4px;padding:1px 5px;font-size:12px}.import-form{flex-direction:column;gap:16px;display:flex}.dropzone{cursor:pointer;text-align:center;background:#fafafa;border:2px dashed #d5d5d5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 16px;transition:border-color .15s,background .15s;display:flex;position:relative}.dropzone:hover{background:#f5f5f5;border-color:#aaa}.dropzone.has-file{background:#fff;border-style:solid;border-color:#1a1a1a}.dropzone-icon{font-size:24px}.dropzone-text{color:#1a1a1a;word-break:break-all;font-size:14px;font-weight:500}.dropzone-hint{color:#999;font-size:12px}.dropzone-input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-submit-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;align-self:flex-end;padding:8px 18px;font-size:14px;font-weight:600;transition:background .15s}.import-submit-btn:hover:not(:disabled){background:#333}.import-submit-btn:disabled{cursor:not-allowed;background:#ccc}