[hidden]{display:none!important}.webapp-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:linear-gradient(180deg,#fff,#f6f9ff)}.webapp-shell[data-view="loading"]{display:block;background:#fff}.webapp-shell[data-view="loading"] .webapp-side,.webapp-shell[data-view="loading"] .webapp-main{visibility:hidden}
.webapp-side{border-right:1px solid var(--line);background:rgba(255,255,255,.92);padding:26px 22px;display:flex;flex-direction:column;gap:28px}
.webapp-nav{display:grid;gap:8px}.webapp-nav button,.side-logout{height:46px;border:0;border-radius:14px;background:transparent;color:#384663;text-align:left;padding:0 14px;font-weight:850;cursor:pointer}
.webapp-nav button.active{background:#eef2ff;color:#4b34e7}.side-logout{margin-top:auto;color:#66728e}
.webapp-main{min-width:0}.auth-view{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:42px 20px 24px;background:radial-gradient(circle at 16% 92%,rgba(198,224,255,.72),transparent 34%),radial-gradient(circle at 88% 26%,rgba(224,214,255,.72),transparent 36%),linear-gradient(135deg,#f8fbff 0%,#fff 47%,#f7f3ff 100%)}
.auth-card{width:min(594px,calc(100vw - 40px));max-width:calc(100vw - 40px);min-width:0;overflow:hidden;padding:30px 37px 25px;border-radius:22px;background:rgba(255,255,255,.93);border:1px solid rgba(228,233,245,.74);box-shadow:0 30px 80px rgba(90,112,166,.13);backdrop-filter:blur(18px);z-index:2}
.auth-logo{display:grid;justify-items:center;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #dce3ee;text-align:center}.auth-logo img{width:118px;height:118px;object-fit:contain;display:block;border-radius:999px;filter:drop-shadow(0 16px 24px rgba(90,53,242,.16))}.auth-logo strong{font-size:48px;line-height:1;margin-top:20px;font-weight:950;background:linear-gradient(135deg,#7827ec 12%,#008ff2 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-logo>span{margin-top:9px;font-size:12px;font-weight:950;color:#253862;letter-spacing:.14em}
.auth-tabs{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.auth-form{display:none;gap:11px;min-width:0}.auth-form>*{min-width:0}.auth-form.active{display:grid}.auth-form h2,.settings-card h2,.status-card h2,.confirm-dialog h2{margin:0;text-align:center;font-size:24px;letter-spacing:.08em;color:#172855}.auth-sub{text-align:center;color:#405071;font-size:14px;font-weight:700;line-height:1.7;margin:0;overflow-wrap:anywhere}
.auth-form label,.settings-card label{display:grid;gap:6px;min-width:0;font-weight:850;color:#1c2b55;font-size:13px}.field-wrap{width:100%;min-width:0;height:45px;border:1px solid #d3dbe8;border-radius:7px;background:rgba(255,255,255,.86);display:flex;align-items:center;padding:0 12px;box-shadow:0 1px 3px rgba(21,37,72,.04)}.field-wrap:before{width:20px;margin-right:11px;color:#8290aa;font-weight:900;text-align:center}.field-wrap.mail:before{content:"✉"}.field-wrap.lock:before{content:"▣"}.field-wrap.user:before{content:"○"}.field-wrap.at:before{content:"@"}.auth-form input,.settings-card input,.settings-card textarea,.confirm-dialog input{width:100%;min-width:0;border:0;background:transparent;padding:0;color:var(--text);outline:0}.settings-card input,.settings-card textarea,.confirm-dialog input{border:1px solid #d9e1ef;border-radius:13px;background:#fff;padding:14px 15px}.auth-form input::placeholder{color:#8b96ae;font-weight:700}
.field-wrap:focus-within,.settings-card input:focus,.settings-card textarea:focus,.confirm-dialog input:focus{border-color:#7c6bf5;box-shadow:0 0 0 4px rgba(90,53,242,.12)}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 2px}.remember-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px;color:#405071!important;font-size:13px!important}.remember-check input,.terms-check input{appearance:none;width:18px;height:18px;border:1px solid #c7d0df;border-radius:4px;background:#fff;flex:none}.remember-check input:checked,.terms-check input:checked{background:linear-gradient(135deg,#7d22ed,#058cf0);border-color:transparent}.text-button,.auth-switch button{border:0;background:transparent;color:#0989ef;font-weight:900;cursor:pointer;padding:0}.auth-card .btn.primary{height:44px;border-radius:7px;background:linear-gradient(100deg,#7c20ef,#058ff0);box-shadow:0 10px 22px rgba(52,92,225,.2);font-size:15px}
.auth-divider{display:flex;align-items:center;gap:18px;color:#6c7890;font-size:13px;font-weight:800}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#dfe5ee;flex:1}.social-login{width:100%;min-width:0;height:43px;border:1px solid #dbe2ec;border-radius:7px;background:rgba(255,255,255,.95);color:#172855;font-weight:900;cursor:pointer;box-shadow:0 1px 3px rgba(21,37,72,.04);display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}.social-login:disabled{cursor:not-allowed;opacity:.58}.sso-icon{display:block;width:22px;height:22px;flex:none}.apple-icon{fill:#05070a}.guest-note,.auth-switch{text-align:center;color:#405071;font-weight:850;margin:4px 0 0;font-size:13px;overflow-wrap:anywhere}.auth-switch{margin-top:0;line-height:1.7}.auth-switch button{font-size:13px}
.terms-check{grid-template-columns:22px 1fr!important;align-items:start;color:#4b5876!important;font-size:13px!important;line-height:1.7}.terms-check input{margin-top:2px}.terms-check a{color:#087ee4;font-weight:950}
.auth-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;color:#24417c;font-size:13px;font-weight:850;text-align:center;margin-top:20px}.auth-footer small{flex-basis:100%;color:#8b96ae;line-height:1.8;font-weight:750}
.auth-orbit{position:absolute;inset:0;pointer-events:none}.auth-orbit-left:before{content:"";position:absolute;left:-80px;bottom:58px;width:560px;height:250px;border:1px solid rgba(113,144,227,.22);border-top:0;border-radius:0 0 50% 50%;transform:rotate(-25deg)}.auth-orbit-left:after{content:"";position:absolute;left:38px;top:298px;width:330px;height:190px;border:2px dashed rgba(123,153,225,.25);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(28deg)}
.auth-orbit-right:before{content:"";position:absolute;right:-116px;top:28px;width:560px;height:220px;border-top:1px solid rgba(116,143,221,.22);border-radius:50%;transform:rotate(-8deg)}.auth-orbit-right:after{content:"";position:absolute;right:38px;top:324px;width:350px;height:260px;border:7px dashed rgba(137,157,228,.34);border-left-style:solid;border-bottom-style:solid;border-radius:50%;transform:rotate(-18deg)}
.orbit-dot{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(204,222,255,.86),rgba(196,170,244,.8));box-shadow:0 18px 36px rgba(86,105,171,.13)}.dot-a{left:42px;top:312px;width:45px;height:45px}.dot-b{left:56px;bottom:292px;width:58px;height:58px}.dot-c{right:158px;top:278px;width:70px;height:70px}.dot-d{right:38px;top:480px;width:70px;height:70px}.dot-e{right:222px;bottom:180px;width:58px;height:58px}.orbit-label{position:absolute;border-radius:10px;background:linear-gradient(135deg,rgba(175,207,255,.9),rgba(190,157,247,.86));color:#fff;font-size:20px;font-weight:950;padding:10px 21px;box-shadow:0 16px 30px rgba(126,151,218,.2)}.orbit-label:after{content:"";position:absolute;right:18px;bottom:-10px;border-top:10px solid rgba(190,157,247,.86);border-left:12px solid transparent}.label-a{left:146px;top:240px}.label-b{left:176px;top:455px}.label-c{left:160px;bottom:214px}.orbit-emblem{position:absolute;right:122px;top:382px;width:174px;height:174px;border-radius:50% 50% 50% 14%;background:linear-gradient(135deg,#d8cdfd,#b298f2);color:#fff;display:grid;place-items:center;font-size:112px;font-weight:950;transform:rotate(8deg);opacity:.78}
.form-message,.app-message{min-height:22px;margin:12px 0 0;color:#d73b55;font-weight:850;line-height:1.6}.form-message.success,.app-message.success{color:#16865a}.turnstile-slot{display:flex;justify-content:center;min-height:65px;margin:2px 0 0}.turnstile-slot:empty{display:none}
.app-message-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(13,20,38,.42);padding:24px;opacity:0;transition:opacity .16s ease}.app-message-modal.is-visible{opacity:1}.app-message-card{width:min(420px,calc(100vw - 40px));border:1px solid #dfe6f3;border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(9,22,54,.28);padding:26px 24px 22px;text-align:center;transform:translateY(10px) scale(.98);transition:transform .16s ease;display:grid;justify-items:center;gap:14px}.app-message-modal.is-visible .app-message-card{transform:translateY(0) scale(1)}.app-message-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e8faef;color:#137f52;font-size:28px;font-weight:950}.app-message-card.is-error .app-message-icon{background:#fff0f3;color:#d9415c}.app-message-card p{margin:0;color:#10204a;font-size:18px;font-weight:950;line-height:1.65;overflow-wrap:anywhere}.app-message-card button{height:42px;min-width:112px;border:0;border-radius:10px;background:linear-gradient(100deg,#3678f4,#8134ef);color:#fff;font-weight:950;cursor:pointer}
.app-view{min-height:100vh}.webapp-topbar{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(20px,4vw,44px);background:rgba(255,255,255,.9);position:sticky;top:0;z-index:3}
.kicker{margin:0 0 4px;color:#66728e;font-size:12px;font-weight:900}.webapp-topbar h1{margin:0;font-size:28px}.top-actions{display:flex;align-items:center;gap:12px}.top-actions .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#22b9c7,#5a35f2);display:grid;place-items:center;color:#fff;font-weight:950}
.webapp-section{display:none;padding:30px clamp(20px,4vw,44px) 56px}.webapp-section.active{display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.summary-card{padding:20px;border-radius:18px}.summary-card span{display:block;color:#66728e;font-size:13px;font-weight:900}.summary-card strong{display:block;font-size:34px;margin-top:8px}
.status-card,.settings-card{padding:26px;border-radius:20px;max-width:840px}.status-card p,.danger-zone p{color:#4d5874;font-weight:650;line-height:1.8}.settings-card{display:grid;gap:16px}.settings-card textarea{resize:vertical}.account-actions,.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.danger-button{height:50px;border:0;border-radius:15px;background:#d9415c;color:#fff;padding:0 22px;font-weight:950;cursor:pointer}
.confirm-dialog{border:0;background:transparent;padding:18px}.confirm-dialog::backdrop{background:rgba(23,33,61,.36)}.confirm-dialog form{display:grid;gap:16px;max-width:420px;padding:26px;border-radius:20px}.confirm-dialog p{margin:0;color:#4d5874;line-height:1.8;font-weight:650}
.webapp-shell[data-view="auth"]{display:block}.webapp-shell[data-view="auth"] .webapp-side{display:none}
.webapp-shell[data-view="app"]{display:block}.webapp-shell[data-view="app"] .webapp-side{display:none}
.app-view{background:linear-gradient(180deg,#fff 0%,#f7faff 100%);color:#10204a}.dashboard-topbar{height:86px;display:grid;grid-template-columns:270px minmax(280px,680px) 1fr;align-items:center;gap:28px;padding:0 42px;border-bottom:1px solid #e6ebf5;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.dashboard-brand{display:flex;align-items:center;gap:10px;min-width:0}.dashboard-brand img{width:56px;height:56px;border-radius:50%;object-fit:contain}.dashboard-brand strong{font-size:30px;line-height:1;font-weight:950;background:linear-gradient(135deg,#6d31f6,#118cf2);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-search{height:52px;border:1px solid #dbe3f2;border-radius:13px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 8px 0 14px;box-shadow:0 6px 18px rgba(56,75,126,.05)}.dashboard-search svg,.icon-button svg{width:24px;height:24px;stroke:#183064;stroke-width:2;fill:none}.dashboard-search input{border:0;outline:0;min-width:0;flex:1;color:#172852;font-weight:750}.dashboard-search input::placeholder{color:#8a97b4}.dashboard-search kbd{border:1px solid #e0e6f1;border-radius:8px;background:#f7f9fd;color:#7c88a3;font-weight:900;padding:5px 8px}.search-submit{width:38px;height:38px;border:0;border-radius:9px;background:linear-gradient(100deg,#7223f0,#078df1);display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 8px 18px rgba(62,77,225,.18)}.search-submit svg{width:20px;height:20px;stroke:#fff}.dashboard-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.icon-button{position:relative;width:42px;height:42px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button span{position:absolute;right:2px;top:0;width:18px;height:18px;border-radius:50%;background:#ff4056;color:#fff;font-size:11px;font-weight:950;display:grid;place-items:center}.photo-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#e9f5ff,#dbe2ff);background-position:center;background-size:cover;font-size:0;overflow:hidden}.photo-avatar:before{content:"";width:46px;height:46px;display:block;background:radial-gradient(circle at 50% 34%,#e7b99a 0 15%,transparent 16%),linear-gradient(135deg,#24415e,#77a7cb);border-radius:50%}.photo-avatar.has-image:before{display:none}.user-menu,.account-menu-button{border:0;background:transparent;color:#172852;font-weight:900;display:flex;align-items:center;gap:10px;cursor:pointer;white-space:nowrap}.account-menu-button{height:36px;border:1px solid #dfe6f3;border-radius:9px;background:#fff;padding:0 12px;color:#53658d;font-size:13px}.create-map-button{height:50px;border:0;border-radius:10px;background:linear-gradient(100deg,#711ff3,#058df0);color:#fff;padding:0 22px;font-weight:950;box-shadow:0 12px 26px rgba(62,77,225,.2);white-space:nowrap}.app-message{margin:0}.webapp-section[data-section-panel="home"]{padding:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:32px;padding:28px 42px 22px}.welcome-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,45%);gap:26px;align-items:center;margin-bottom:20px}.welcome-band h1{font-size:37px;line-height:1.2;margin:0 0 10px;letter-spacing:.02em;color:#10204a}.welcome-band p{margin:0;color:#253a68;font-size:17px;font-weight:750;line-height:1.7}.activity-card,.side-panel,.wordmap-card,.topic-card,.word-chip-grid article{background:rgba(255,255,255,.88);border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.06)}.activity-card{padding:18px 22px}.activity-card h2,.dash-section-head h2{margin:0;font-size:17px;color:#10204a}.activity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.activity-stat{display:flex;gap:14px;align-items:center;border-right:1px solid #e5ebf5}.activity-stat:last-child{border-right:0}.stat-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:950}.purple .stat-icon{background:#f0e9ff;color:#7433f5}.blue .stat-icon{background:#e9f4ff;color:#0788f0}.green .stat-icon{background:#e8faef;color:#15b967}.activity-stat small,.joined-list small{display:block;color:#6e7c99;font-weight:800}.activity-stat strong{display:block;font-size:31px;line-height:1;color:#142653}.activity-stat em{display:block;color:#13b56f;font-style:normal;font-weight:900;font-size:12px}.activity-stat em.is-negative{color:#d9415c}.dash-section{margin-top:22px}.dash-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 6px 10px}.dash-section-head a{color:#087eea;font-weight:950;font-size:13px}.theme-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.topic-card{height:110px;padding:16px;display:flex;align-items:center;gap:14px;min-width:0}.topic-art{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:34px;background:#e9f6ff}.topic-art.pink{background:#ffe5f3}.topic-art.ai{background:#e8efff;color:#3159d9;font-weight:950;font-size:25px}.topic-art.green{background:#e8faef}.topic-art.sky{background:#edf7ff}.topic-card strong{display:block;color:#0f2b69;font-weight:950}.topic-card small{display:block;color:#596b91;font-weight:750;line-height:1.6}.map-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wordmap-card{padding:16px}.map-visual{height:138px;position:relative;border-radius:12px;background:#fafbff;overflow:hidden}.map-visual span{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:950;color:#16306d;line-height:1.25;background:#dfe7ff}.map-visual i{position:absolute;border-radius:999px;background:#efe8ff;color:#5b45b7;font-size:11px;font-style:normal;font-weight:900;padding:8px 11px}.map-visual i:nth-child(2){left:18%;top:12%}.map-visual i:nth-child(3){right:10%;top:37%}.map-visual i:nth-child(4){left:16%;bottom:15%}.map-visual i:nth-child(5){right:16%;bottom:16%}.blue-map span{background:#dceaff}.blue-map i{background:#eaf3ff;color:#2f63b7}.violet-map span{background:#f1e8ff}.wordmap-card h3{font-size:17px;margin:14px 0 7px}.wordmap-card p{margin:0;color:#53658d;font-weight:750;line-height:1.5}.wordmap-card footer{display:flex;align-items:center;gap:8px;margin-top:16px;color:#73809d}.wordmap-card footer b{margin-left:auto;color:#607198}.mini-avatars{font-size:19px;letter-spacing:-6px}.word-chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.word-chip-grid article{padding:16px;display:grid;gap:8px;min-height:110px}.word-chip-grid span{width:28px;height:28px;border-radius:50%;background:#eee8ff;color:#6f39ef;display:grid;place-items:center}.word-chip-grid strong{color:#132858}.word-chip-grid small{color:#607198;font-weight:750}.word-chip-grid em{font-style:normal;color:#74819d;font-weight:800}.dashboard-side{display:grid;gap:22px;align-content:start}.side-panel{padding:16px 20px}.joined-list{display:grid}.joined-list article{display:grid;grid-template-columns:92px 1fr 80px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e7edf6}.joined-list article:last-child{border-bottom:0}.thumb{width:92px;height:55px;border-radius:9px;background:#e9f7ee;display:block}.purple-thumb{background:#efe8ff}.orange-thumb{background:#fff0db}.blue-thumb{background:#e8f3ff}.mint-thumb{background:#e6fbef}.joined-list strong{display:block;color:#1b2d5c;font-weight:950;line-height:1.5}.joined-list button{height:38px;border:1px solid #dce4f1;border-radius:8px;background:#fff;color:#1d315f;font-weight:900}.recommend-card{display:flex;gap:22px;align-items:center;border:1px solid #d5e3fb;border-radius:14px;background:linear-gradient(135deg,#f3e9ff,#e5f4ff);padding:28px 34px}.recommend-card>span{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8753f4,#1692ef);color:#fff;font-size:42px;flex:none}.recommend-card h2{margin:0 0 10px}.recommend-card p{margin:0;color:#31456e;font-weight:750;line-height:1.7}.recommend-card button{height:44px;margin-top:14px;border:0;border-radius:8px;background:linear-gradient(100deg,#7223f0,#078df1);color:#fff;padding:0 26px;font-weight:950}
.topic-art{width:58px;height:58px;font-size:29px}.topic-card{padding:14px;gap:12px}.topic-card strong{font-size:14px}.topic-card small{font-size:12px;line-height:1.5}.activity-stat small{font-size:12px;white-space:nowrap}.activity-stat{min-width:0;gap:16px;padding:0 clamp(12px,1.4vw,22px)}.activity-stat div{min-width:max-content}.activity-card{padding:18px 18px}.stat-icon{width:50px;height:50px}.activity-stats{gap:0}.activity-stat:first-child{padding-left:4px}.activity-stat:last-child{padding-right:4px}
.map-visual{height:158px;padding:12px}.map-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(28deg,transparent 0 43%,rgba(133,156,232,.72) 44% 45%,transparent 46% 100%),linear-gradient(152deg,transparent 0 43%,rgba(133,156,232,.72) 44% 45%,transparent 46% 100%),linear-gradient(0deg,transparent 0 49%,rgba(133,156,232,.58) 50% 51%,transparent 52% 100%);clip-path:ellipse(42% 34% at 50% 54%);opacity:.9}.map-visual span{top:54%;width:104px;height:104px;padding:8px;font-size:clamp(12px,1.05vw,16px);line-height:1.28;overflow:hidden;overflow-wrap:anywhere;word-break:keep-all;z-index:2}.map-visual i{max-width:34%;min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;padding:7px 11px;z-index:3}.map-visual i:before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#91a8ef;box-shadow:0 0 0 4px rgba(145,168,239,.16);transform:translate(-50%,-50%)}.map-visual i:nth-child(2){left:7%;top:10%}.map-visual i:nth-child(2):before{left:100%;top:72%}.map-visual i:nth-child(3){right:7%;top:15%}.map-visual i:nth-child(3):before{left:0;top:68%}.map-visual i:nth-child(4){left:8%;bottom:12%}.map-visual i:nth-child(4):before{left:100%;top:28%}.map-visual i:nth-child(5){right:8%;bottom:13%}.map-visual i:nth-child(5):before{left:0;top:28%}.blue-map:before{background:linear-gradient(28deg,transparent 0 43%,rgba(111,164,232,.72) 44% 45%,transparent 46% 100%),linear-gradient(152deg,transparent 0 43%,rgba(111,164,232,.72) 44% 45%,transparent 46% 100%),linear-gradient(0deg,transparent 0 49%,rgba(111,164,232,.56) 50% 51%,transparent 52% 100%)}.blue-map i:before{background:#78aee9}.green-map:before{background:linear-gradient(28deg,transparent 0 43%,rgba(86,202,142,.66) 44% 45%,transparent 46% 100%),linear-gradient(152deg,transparent 0 43%,rgba(86,202,142,.66) 44% 45%,transparent 46% 100%),linear-gradient(0deg,transparent 0 49%,rgba(86,202,142,.54) 50% 51%,transparent 52% 100%)}.green-map i:before{background:#62cb95}.pink-map:before{background:linear-gradient(28deg,transparent 0 43%,rgba(235,130,183,.62) 44% 45%,transparent 46% 100%),linear-gradient(152deg,transparent 0 43%,rgba(235,130,183,.62) 44% 45%,transparent 46% 100%),linear-gradient(0deg,transparent 0 49%,rgba(235,130,183,.5) 50% 51%,transparent 52% 100%)}.pink-map i:before{background:#ef8dbc}.search-result-card .map-visual{height:164px}.search-result-card .map-visual span{font-size:clamp(12px,1vw,15px)}
.search-results-section{padding:28px 42px 30px}.search-results-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px}.search-results-hero h1{font-size:34px;line-height:1.2;margin:0 0 10px;color:#10204a}.search-results-hero p{margin:0;color:#4b5d84;font-weight:750}.search-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #dfe6f3;border-radius:10px;overflow:hidden;margin:28px 0 22px;background:#fff}.search-tabs button{height:44px;border:0;border-right:1px solid #e4eaf5;background:#fff;color:#4d5d83;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.search-tabs button:last-child{border-right:0}.search-tabs .active{color:#5835e9;background:#f4f0ff;box-shadow:inset 0 0 0 1px #7c64f5}.search-tabs b{min-width:28px;height:20px;border-radius:999px;background:#eef2ff;color:#536292;font-size:12px;display:grid;place-items:center}.keyword-row{display:flex;align-items:center;gap:22px;margin-bottom:24px}.keyword-row strong{color:#10204a;white-space:nowrap}.keyword-row div,.suggestion-panel div{display:flex;gap:10px;flex-wrap:wrap}.keyword-row button,.suggestion-panel button{height:30px;border:1px solid #e5e8fb;border-radius:999px;background:#f5f2ff;color:#5138dd;font-weight:850;padding:0 16px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.result-head h2{font-size:18px;margin:0;color:#10204a}.result-head select{height:40px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#273a67;font-weight:850;padding:0 12px}.search-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.search-result-card .map-visual{height:146px}.search-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.search-card-meta span{height:24px;border-radius:999px;background:#eef2ff;color:#4f47d9;font-weight:900;font-size:12px;display:flex;align-items:center;padding:0 12px}.search-card-meta button{border:0;background:transparent;color:#2d4a86;font-size:18px}.green-map span{background:#dff8ea}.green-map i{background:#ddf8ea;color:#239a60}.pink-map span{background:#ffe7f3}.pink-map i{background:#ffe7f3;color:#c24688}.search-empty{border:1px dashed #d8e1f0;border-radius:12px;padding:28px;text-align:center;color:#607198;font-weight:850}.load-more-button{width:100%;height:42px;border:1px solid #dce4f1;border-radius:8px;background:#fff;color:#0c7fec;font-weight:950;margin-top:16px}.search-side{display:grid;gap:14px;align-content:start}.search-side .side-panel h2{font-size:17px;margin:0 0 16px;color:#10204a}.related-word-list{display:grid;gap:12px}.related-word-list article{display:grid;grid-template-columns:36px 1fr 96px;align-items:center;gap:12px}.related-word-list article>span{width:36px;height:36px;border-radius:10px;background:#eee8ff;color:#7044e9;display:grid;place-items:center}.related-word-list strong{display:block;color:#172852}.related-word-list small{color:#6b7895;font-weight:750}.related-word-list button{height:36px;border:1px solid #dfe6f3;border-radius:7px;background:#fff;color:#28406e;font-weight:850}.related-words-panel>a{display:inline-block;margin-top:16px;color:#0b7fe9;font-weight:950}.search-hint-card{padding:20px}.search-hint-card>span{width:62px;height:62px;font-size:32px}
.theme-detail-section{padding:22px 40px 34px}.theme-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px}.theme-breadcrumb{color:#304676;font-weight:850;margin-bottom:14px}.theme-hero-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;padding:28px;min-width:0}.theme-hero-title{display:flex;align-items:center;gap:24px}.theme-hero-title .topic-art{width:90px;height:90px;font-size:44px}.theme-hero-title h1{font-size:34px;margin:0 0 10px;color:#10204a}.theme-hero-title p{margin:0;color:#40527a;font-weight:750}.theme-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0;border-top:1px solid #e8edf6;padding-top:22px}.theme-stats div{display:grid;grid-template-columns:54px 1fr;column-gap:12px;align-items:center}.theme-stats span{grid-row:1/3;width:54px;height:54px;border-radius:50%;background:#eef2ff;display:grid;place-items:center;color:#6b35ee;font-size:24px}.theme-stats strong{font-size:30px;color:#10204a;line-height:1}.theme-stats small{color:#657492;font-weight:850}.theme-tags{display:flex;gap:12px;flex-wrap:wrap;max-width:100%;min-width:0}.theme-tags span{height:30px;border-radius:999px;background:#f1efff;color:#5141d8;font-weight:850;padding:0 16px;display:flex;align-items:center;flex:none}.theme-map-panel{margin-top:14px;background:#fff;border:1px solid #dfe6f3;border-radius:14px;padding:18px}.theme-map-head{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-bottom:14px}.theme-map-head h2{margin:0;color:#10204a}.theme-map-head div{border:1px solid #dfe6f3;border-radius:999px;overflow:hidden}.theme-map-head button{height:34px;border:0;background:#fff;color:#40547a;font-weight:850;padding:0 18px}.theme-map-head button.active{background:#7025ee;color:#fff}.theme-map-head a{color:#087eea;font-weight:950}.theme-side{display:grid;gap:16px;align-content:start}.theme-side .dash-section-head{gap:12px;align-items:flex-start}.theme-side .dash-section-head h2{line-height:1.35}.theme-word-list{display:grid;gap:14px}.theme-word-list article{display:grid;grid-template-columns:12px 1fr 64px 78px;gap:12px;align-items:center}.theme-word-list span{width:6px;height:6px;border-radius:50%;background:#16b86c}.theme-word-list strong{color:#142856}.theme-word-list small,.theme-word-list b{color:#667798;font-size:12px}.theme-related-panel article{display:grid;grid-template-columns:46px 1fr 36px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e9eef7}.theme-related-panel article:last-child{border-bottom:0}.theme-related-panel span{width:46px;height:46px;border-radius:50%;background:#eef6ff;display:grid;place-items:center;font-size:24px}.theme-related-panel strong{display:block;color:#142856}.theme-related-panel small{color:#667798;font-weight:750}.theme-related-panel button{height:36px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#10204a;font-weight:950}.theme-join-card{border:1px solid #d8e5fb;border-radius:14px;background:linear-gradient(135deg,#fff1e8,#e9f3ff);padding:28px;text-align:center}.theme-join-card h2{margin:0 0 12px;color:#10204a}.theme-join-card p{margin:0 0 20px;color:#31456e;font-weight:750;line-height:1.7}.theme-join-card button{width:100%;height:46px;border:0;border-radius:8px;background:linear-gradient(100deg,#7223f0,#078df1);color:#fff;font-weight:950}.theme-join-card .secondary{margin-top:12px;background:#fff;color:#244074;border:1px solid #dbe4f2}
.search-result-card .map-visual{height:164px}
.map-visual:before{display:none}.map-visual span{z-index:6}.map-visual i{overflow:visible;z-index:4}.map-visual i:before{z-index:5}.map-visual i:after{content:"";position:absolute;height:2px;border-radius:999px;background:rgba(126,151,226,.62);pointer-events:none;z-index:-1}.map-visual i:nth-child(2):after{left:calc(100% - 3px);top:72%;width:86px;transform:rotate(24deg);transform-origin:left center}.map-visual i:nth-child(3):after{right:calc(100% - 3px);top:68%;width:86px;transform:rotate(-24deg);transform-origin:right center}.map-visual i:nth-child(4):after{left:calc(100% - 3px);top:28%;width:86px;transform:rotate(-24deg);transform-origin:left center}.map-visual i:nth-child(5):after{right:calc(100% - 3px);top:28%;width:86px;transform:rotate(24deg);transform-origin:right center}.blue-map i:after{background:rgba(97,156,226,.62)}.green-map i:after{background:rgba(82,194,137,.58)}.pink-map i:after{background:rgba(226,118,176,.56)}
.wordmap-card[data-map-id],.wordmap-card[data-static-map]{cursor:pointer}.map-detail-section{padding:22px 40px 34px}.map-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:24px}.map-detail-card,.detail-join-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.05)}.map-detail-card{padding:26px}.map-detail-head{display:grid;grid-template-columns:1fr auto;gap:18px;border-bottom:1px solid #e8edf6;padding-bottom:18px}.detail-category-pill{display:inline-flex;align-items:center;height:28px;border-radius:999px;background:#dff8ea;color:#12985d;border:1px solid #97e5bf;padding:0 16px;font-weight:950}.map-detail-head h1{margin:16px 0 10px;font-size:34px;color:#10204a}.map-detail-head p{margin:0;color:#3b4f7a;font-weight:750;line-height:1.7}.detail-share-button{height:42px;border:1px solid #dfe6f3;border-radius:10px;background:#fff;color:#274071;font-weight:950;padding:0 18px}.detail-meta-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;gap:16px;padding:16px 0;border-bottom:1px solid #e8edf6}.detail-meta-row div{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center}.detail-meta-row span,.detail-avatar{grid-row:1/3;width:40px;height:40px;border-radius:50%;background:#eef2ff;color:#5b49e8;display:grid;place-items:center}.detail-avatar{background:linear-gradient(135deg,#f4c0b2,#415f85)}.detail-meta-row small{color:#7a879f;font-weight:850}.detail-meta-row strong{color:#223966}.detail-map-canvas{height:330px;margin-top:16px;border:1px solid #dfe6f3;border-radius:14px;background:radial-gradient(circle at 50% 50%,#f8fff9 0,#f8fff9 26%,rgba(248,255,249,.72) 42%,rgba(248,255,249,.24) 70%,#fbfdff 100%);position:relative;overflow:hidden}.detail-map-canvas:before,.detail-map-canvas:after{content:"";position:absolute;inset:0;backdrop-filter:blur(3px);mask:linear-gradient(90deg,#000 0 24%,transparent 38% 62%,#000 76% 100%);pointer-events:none}.detail-map-canvas svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.detail-map-canvas line{stroke:#2fc771;stroke-width:.42;stroke-dasharray:1.6 1.8}.detail-map-canvas span{position:absolute;transform:translate(-50%,-50%);min-width:104px;max-width:150px;min-height:42px;border-radius:999px;background:#e8faef;border:1px solid #80e0ac;color:#0c8c53;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 14px;font-weight:950;line-height:1.3;z-index:2}.detail-map-canvas span.center{width:170px;height:96px;border-radius:999px;background:#dbf8e7;color:#07824b;font-size:20px}.detail-map-canvas em{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);height:32px;border:1px solid #dfe6f3;border-radius:999px;background:rgba(255,255,255,.9);color:#6d7894;font-style:normal;font-weight:850;padding:7px 18px;z-index:3}.detail-summary{padding-top:18px}.detail-summary h2,.detail-recent-words h2{margin:0 0 12px;color:#10204a}.detail-summary ul{margin:0;padding:0;display:grid;gap:10px}.detail-summary li{list-style:none;color:#344a75;font-weight:750;line-height:1.7}.detail-summary li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1fc978;margin-right:10px}.detail-recent-words{border-top:1px solid #e8edf6;margin-top:20px;padding-top:18px}.detail-word-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.detail-word-grid article{border:1px solid #dfe6f3;border-radius:12px;background:#fff;padding:14px;display:grid;gap:6px}.detail-word-grid span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8faef;color:#18a363}.detail-word-grid strong{color:#16305f}.detail-word-grid small,.detail-word-grid em{color:#6b7895;font-style:normal;font-weight:750}.map-detail-side{display:grid;gap:14px;align-content:start}.detail-join-card{text-align:center;padding:28px;background:linear-gradient(135deg,#fff8fb,#eef6ff)}.detail-join-card h2{margin:0 0 14px;color:#10204a;line-height:1.45}.detail-join-card p{margin:0 0 18px;color:#607198;font-weight:800}.detail-join-card button{width:100%;height:46px;border:0;border-radius:9px;background:linear-gradient(100deg,#7223f0,#078df1);color:#fff;font-weight:950}.detail-join-card .secondary{margin-top:10px;background:#fff;color:#244074;border:1px solid #7f78f2}.detail-benefits h2{margin:0 0 12px;color:#10204a}.detail-benefits p{display:flex;align-items:center;gap:12px;margin:12px 0;color:#31456e;font-weight:850}.detail-benefits span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#5d48e9}.detail-member-avatars{display:flex;align-items:center;gap:8px}.detail-member-avatars span,.detail-member-avatars b{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f4c0b2,#415f85);display:grid;place-items:center}.detail-member-avatars b{background:#eef2ff;color:#5d48e9;font-size:12px}.detail-members-panel small{color:#667798;font-weight:750}.detail-related-panel article,.detail-similar-panel article{display:grid;grid-template-columns:44px 1fr 34px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e9eef7}.detail-related-panel article:last-child,.detail-similar-panel article:last-child{border-bottom:0}.detail-related-panel article>span,.detail-similar-panel article>span{width:44px;height:44px;border-radius:12px;background:#f1efff;display:grid;place-items:center}.detail-related-panel strong,.detail-similar-panel strong{display:block;color:#142856}.detail-related-panel small,.detail-similar-panel small{color:#667798;font-weight:750}.detail-related-panel button,.detail-similar-panel button{height:34px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#10204a;font-weight:950}
.detail-muted{margin:0;color:#667798;font-weight:850;line-height:1.6}.theme-strip>.search-empty,.map-card-grid>.search-empty,.word-chip-grid>.search-empty,.joined-list>.search-empty{grid-column:1/-1;margin:0}
.topic-card[data-theme]{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.topic-card[data-theme]:hover{transform:translateY(-2px);border-color:#cbd8f0;box-shadow:0 12px 26px rgba(62,78,120,.1)}
.theme-list-section{padding:28px 42px 56px}.theme-list-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:22px}.theme-list-head .theme-breadcrumb{grid-column:1/-1;margin:0}.theme-list-head h1{margin:0 0 8px;color:#10204a;font-size:34px;line-height:1.2}.theme-list-head p{margin:0;color:#4d5f84;font-weight:750}.theme-list-head strong{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:42px;border:1px solid #dfe6f3;border-radius:999px;background:#fff;color:#10204a;font-weight:950}.theme-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.theme-list-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.06);padding:18px;display:grid;grid-template-columns:66px minmax(0,1fr) auto 74px;gap:16px;align-items:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.theme-list-card:hover{transform:translateY(-2px);border-color:#cbd8f0;box-shadow:0 12px 26px rgba(62,78,120,.1)}.theme-list-card .topic-art{width:66px;height:66px;font-size:32px}.theme-list-body{min-width:0}.theme-list-card h2{margin:0 0 6px;color:#10204a;font-size:21px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-list-card p{margin:0;color:#53658d;font-weight:750;line-height:1.55}.theme-list-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.theme-list-tags span{height:26px;border-radius:999px;background:#eef2ff;color:#4c5f8a;font-size:12px;font-weight:900;display:flex;align-items:center;padding:0 10px;white-space:nowrap}.theme-list-card dl{display:grid;grid-template-columns:repeat(3,64px);gap:8px;margin:0}.theme-list-card dl div{border-left:1px solid #e6ebf5;padding-left:12px}.theme-list-card dt{color:#71809c;font-size:11px;font-weight:900}.theme-list-card dd{margin:3px 0 0;color:#10204a;font-size:20px;font-weight:950}.theme-list-card button{height:38px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#0a79e5;font-weight:950;white-space:nowrap;cursor:pointer}
.notifications-section{padding:28px 42px 56px}.notifications-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:22px}.notifications-head .theme-breadcrumb{grid-column:1/-1;margin:0}.notifications-head h1{margin:0 0 8px;color:#10204a;font-size:34px;line-height:1.2}.notifications-head p{margin:0;color:#4d5f84;font-weight:750}.notifications-head button{height:42px;border:1px solid #dfe6f3;border-radius:9px;background:#fff;color:#10204a;font-weight:950;padding:0 16px;white-space:nowrap;cursor:pointer}.notifications-list{display:grid;gap:12px;max-width:980px}.notification-item{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.05);padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr) 58px;gap:14px;align-items:center}.notification-item[data-map-id]{cursor:pointer}.notification-item.is-unread{border-color:#bcd0ff;background:linear-gradient(90deg,#f7f4ff,#fff)}.notification-icon{width:52px;height:52px;border-radius:50%;background:#eef2ff;color:#6935ef;display:grid;place-items:center;font-size:24px;font-weight:950}.notification-item header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-item strong{color:#10204a;font-size:16px}.notification-item time{color:#71809c;font-size:12px;font-weight:850;white-space:nowrap}.notification-item p{margin:6px 0 0;color:#53658d;font-weight:750;line-height:1.55}.notification-item b,.notification-item small{justify-self:end;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950}.notification-item b{background:#eef2ff;color:#4b34e7}.notification-item small{background:#f4f7fb;color:#71809c}
.map-editor-section{padding:28px 42px 56px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px}.editor-main,.editor-side{display:grid;gap:16px;align-content:start}.editor-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.05);padding:22px}.editor-head{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:16px;align-items:start;margin-bottom:12px}.editor-head .detail-share-button{white-space:nowrap;width:118px}.editor-head h1{margin:8px 0;color:#10204a;font-size:30px;line-height:1.25}.editor-head p{margin:0;color:#53658d;font-weight:750;line-height:1.7}.editor-map-toolbar{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}.editor-map-toolbar button{height:34px;min-width:42px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#10204a;font-weight:950;cursor:pointer}.editor-map-canvas{height:430px;touch-action:none}.editor-map-canvas span{cursor:grab;user-select:none}.editor-map-canvas span.is-dragging{cursor:grabbing;z-index:5;box-shadow:0 16px 30px rgba(62,78,120,.18)}.editor-map-canvas span.is-selected-parent{box-shadow:0 0 0 4px rgba(99,69,239,.18),0 12px 24px rgba(62,78,120,.12);border-color:#7153f4}.editor-card h2,.editor-settings-panel h2{margin:0 0 14px;color:#10204a}.editor-add-form,.editor-settings-panel form{display:grid;gap:12px}.editor-add-form{grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) 140px;align-items:end}.editor-add-form label,.editor-settings-panel label{display:grid;gap:7px;color:#1c2b55;font-weight:900}.editor-add-form input,.editor-add-form select,.editor-settings-panel input,.editor-settings-panel textarea,.editor-settings-panel select{width:100%;border:1px solid #d9e1ef;border-radius:9px;background:#fff;padding:12px;color:#10204a;font-weight:750;outline:0}.editor-add-form input:focus,.editor-add-form select:focus,.editor-settings-panel input:focus,.editor-settings-panel textarea:focus,.editor-settings-panel select:focus{border-color:#7c6bf5;box-shadow:0 0 0 4px rgba(90,53,242,.12)}.editor-add-form button,.editor-settings-panel button{height:42px;border:0;border-radius:9px;background:linear-gradient(100deg,#7223f0,#078df1);color:#fff;font-weight:950;cursor:pointer}.editor-node-list{display:grid;gap:8px}.editor-node-list article{display:grid;grid-template-columns:28px minmax(0,1fr) 58px;gap:10px;align-items:center;border:1px solid #e4eaf5;border-radius:10px;background:#fff;padding:10px}.editor-node-list article>span{width:28px;height:28px;border-radius:50%;background:#eef2ff;color:#5d48e9;display:grid;place-items:center;font-weight:950}.editor-node-list strong{display:block;color:#10204a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-node-list small{color:#71809c;font-weight:850}.editor-node-list button{height:32px;border:1px solid #f0c5ce;border-radius:8px;background:#fff7f9;color:#d9415c;font-weight:950;cursor:pointer}
@media(max-width:1320px){.dashboard-topbar{grid-template-columns:220px minmax(260px,1fr);gap:18px}.dashboard-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-12px}.dashboard-topbar{height:auto;padding-top:14px;padding-bottom:14px}.dashboard-grid{grid-template-columns:1fr}.welcome-band{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.theme-strip,.word-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1320px){.theme-list-grid{grid-template-columns:1fr}.theme-list-card{grid-template-columns:66px minmax(0,1fr) auto 74px}}
@media(max-width:1320px){.search-results-grid{grid-template-columns:1fr}.search-side{grid-template-columns:1fr 1fr}.search-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1320px){.theme-detail-grid{grid-template-columns:1fr}.theme-side{grid-template-columns:1fr 1fr}.theme-join-card{grid-column:1/-1}.theme-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1320px){.map-detail-grid{grid-template-columns:1fr}.map-detail-side{grid-template-columns:1fr 1fr}.detail-join-card{grid-column:1/-1}.detail-word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1320px){.editor-layout{grid-template-columns:1fr}.editor-side{grid-template-columns:1fr 1fr}.editor-node-panel{grid-column:1/-1}}
@media(max-width:820px){.dashboard-topbar{display:grid;grid-template-columns:1fr;padding:16px 18px;overflow:hidden}.dashboard-brand strong{font-size:26px}.dashboard-search{height:48px;min-width:0}.dashboard-search input{min-width:0;text-overflow:ellipsis}.dashboard-search kbd,.icon-button,.user-menu{display:none}.dashboard-actions{display:grid;grid-template-columns:46px 92px minmax(0,1fr);grid-column:auto;margin-top:0;gap:10px;justify-content:stretch}.account-menu-button{justify-content:center;padding:0 8px}.create-map-button{height:46px;min-width:0;padding:0 12px;font-size:0}.create-map-button:after{content:"+ 作成";font-size:14px}.dashboard-grid{padding:22px 16px;overflow:hidden}.welcome-band h1{font-size:30px;overflow-wrap:anywhere}.welcome-band p{font-size:15px;overflow-wrap:anywhere;word-break:normal}.activity-stats,.map-card-grid,.theme-strip,.word-chip-grid,.dashboard-side{grid-template-columns:1fr}.activity-stat{border-right:0;border-bottom:1px solid #e5ebf5;padding-bottom:12px}.activity-stat:last-child{border-bottom:0}.topic-card{height:auto}.joined-list article{grid-template-columns:72px 1fr}.joined-list button{grid-column:2;width:84px}.thumb{width:72px}.recommend-card{align-items:flex-start;padding:22px;flex-direction:column}.recommend-card>span{width:64px;height:64px}}
@media(max-width:820px){.theme-list-section{padding:22px 16px 34px}.theme-list-head{grid-template-columns:1fr;align-items:start}.theme-list-head h1{font-size:28px}.theme-list-head strong{width:max-content}.theme-list-card{grid-template-columns:56px minmax(0,1fr);align-items:start}.theme-list-card .topic-art{width:56px;height:56px;font-size:28px}.theme-list-card dl{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.theme-list-card dl div:first-child{border-left:0}.theme-list-card button{grid-column:2;width:74px}.theme-list-card h2{font-size:19px}}
@media(max-width:820px){.notifications-section{padding:22px 16px 34px}.notifications-head{grid-template-columns:1fr;align-items:start}.notifications-head h1{font-size:28px}.notifications-head button{width:max-content}.notification-item{grid-template-columns:44px minmax(0,1fr);align-items:start}.notification-icon{width:44px;height:44px;font-size:21px}.notification-item header{align-items:flex-start;flex-direction:column;gap:4px}.notification-item b,.notification-item small{grid-column:2;justify-self:start}.notification-item strong{font-size:15px}}
@media(max-width:820px){.map-editor-section{padding:22px 16px 34px}.editor-layout,.editor-side,.editor-add-form{grid-template-columns:1fr}.editor-card{padding:18px}.editor-head{grid-template-columns:1fr}.editor-head h1{font-size:27px}.editor-map-canvas{height:330px}.editor-node-list article{grid-template-columns:28px minmax(0,1fr)}.editor-node-list button,.editor-node-list article>small{grid-column:2;justify-self:start}}
@media(max-width:820px){.search-results-section{padding:22px 16px}.search-results-hero h1{font-size:28px}.search-tabs{grid-template-columns:1fr 1fr;overflow:visible}.search-tabs button{border-bottom:1px solid #e4eaf5}.search-tabs button:last-child{grid-column:1/-1}.keyword-row{align-items:flex-start;flex-direction:column;gap:12px}.result-head{align-items:flex-start;flex-direction:column}.search-card-grid,.search-side{grid-template-columns:1fr}.related-word-list article{grid-template-columns:36px 1fr}.related-word-list button{grid-column:2;width:96px}.search-hint-card{padding:18px}}
@media(max-width:820px){.app-view,.webapp-main{max-width:100%;overflow-x:hidden}.theme-detail-section{box-sizing:border-box;width:100%;max-width:100%;padding:22px 16px 34px;overflow:hidden}.theme-detail-grid,.theme-detail-main,.theme-map-panel{min-width:0;max-width:100%}.theme-breadcrumb{font-size:12px;overflow-wrap:anywhere}.theme-hero-card{padding:22px}.theme-hero-title{align-items:flex-start;flex-direction:column;gap:16px}.theme-hero-title .topic-art{width:78px;height:78px;font-size:38px}.theme-hero-title h1{font-size:28px}.theme-stats{grid-template-columns:1fr;gap:14px}.theme-stats div{grid-template-columns:50px 1fr}.theme-stats span{width:50px;height:50px}.theme-tags{display:grid;grid-template-columns:1fr;gap:10px}.theme-tags span{justify-content:center;min-width:0;padding:0 10px}.theme-map-head{grid-template-columns:1fr;align-items:flex-start}.theme-map-head div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;overflow:hidden}.theme-map-head button{white-space:nowrap;padding:0 10px}.theme-card-grid,.theme-side{grid-template-columns:1fr}.theme-word-list article{grid-template-columns:12px 1fr}.theme-word-list small,.theme-word-list b{display:none}.theme-join-card{padding:22px}}
@media(max-width:820px){.map-detail-section{padding:22px 16px 34px;overflow:hidden}.map-detail-card{padding:20px}.map-detail-head{grid-template-columns:1fr}.map-detail-head h1{font-size:28px}.detail-share-button{width:110px}.detail-meta-row{grid-template-columns:1fr 1fr}.detail-map-canvas{height:300px}.detail-map-canvas span{min-width:82px;max-width:118px;font-size:12px;padding:7px 10px}.detail-map-canvas span.center{width:134px;height:82px;font-size:16px}.detail-map-canvas em{width:calc(100% - 36px);height:auto;text-align:center;line-height:1.5}.detail-word-grid,.map-detail-side{grid-template-columns:1fr}.detail-related-panel article,.detail-similar-panel article{grid-template-columns:40px 1fr 32px}}
@media(max-width:900px){.webapp-shell{grid-template-columns:1fr}.webapp-side{display:none}.auth-view{justify-content:flex-start;padding:28px 16px 24px;overflow-x:hidden}.auth-orbit{display:none}.auth-logo img{width:108px;height:108px}.auth-logo strong{font-size:40px;margin-top:18px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webapp-topbar{height:auto;padding-top:18px;padding-bottom:18px;align-items:flex-start}.top-actions .btn{display:none}}
@media(max-width:560px){html,body{width:100%;overflow-x:hidden}.auth-view{width:100%;padding-left:0;padding-right:0}.auth-card{width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding:24px 18px}.auth-logo{padding-bottom:20px;margin-bottom:18px}.auth-logo span{letter-spacing:.08em}.auth-row{align-items:flex-start;flex-direction:column}.auth-switch button{display:inline;white-space:normal}.auth-footer{width:100%;gap:16px;padding:0 16px;margin-top:18px}.summary-grid{grid-template-columns:1fr}.account-actions .btn,.account-actions .danger-button,.dialog-actions .btn,.dialog-actions .danger-button{width:100%}}
.search-submit{border:1px solid #dfe6f3;background:#fff;box-shadow:none}.search-submit svg{stroke:#183064}.create-map-button{display:inline-flex;align-items:center;gap:9px}.create-map-button span{font-size:24px;line-height:0}.app-message{min-height:0;padding:0 42px;color:#d9415c;font-weight:850}.app-message.success{color:#137f52}.like-button{margin-left:auto;border:0;background:transparent;color:#607198;font-weight:950;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.like-button.is-liked{color:#df3f78}.search-word-result,.search-theme-result{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.06);padding:18px;display:grid;grid-template-columns:52px minmax(0,1fr) 82px;gap:14px;align-items:center;min-height:92px}.search-word-result>span{width:52px;height:52px;border-radius:50%;background:#f0e9ff;color:#6e34ef;display:grid;place-items:center;font-weight:950;font-size:24px}.search-word-result strong,.search-theme-result strong{display:block;color:#142856;font-size:17px}.search-word-result small,.search-theme-result small{display:block;color:#667798;font-weight:750;margin-top:4px}.search-word-result button,.search-theme-result button{height:38px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#0a79e5;font-weight:950}.search-theme-result .topic-art{width:52px;height:52px;font-size:26px}.search-tabs button{cursor:pointer}.search-tabs button:disabled,.load-more-button:disabled,.like-button:disabled{opacity:.55;cursor:wait}.detail-join-card button,.theme-join-card button,.recommend-card button,.joined-list button,.detail-share-button,.search-submit{cursor:pointer}.detail-join-card button:disabled{opacity:.65;cursor:wait}
@media(max-width:820px){.app-message{padding:0 16px}.search-word-result,.search-theme-result{grid-template-columns:46px 1fr}.search-word-result button,.search-theme-result button{grid-column:2;width:82px}.create-map-button span{font-size:20px}}
.related-word-list article{grid-template-columns:36px minmax(0,1fr) 128px}.related-word-list button{width:128px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.related-word-list strong,.related-word-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:820px){.related-word-list article{grid-template-columns:36px minmax(0,1fr) 128px}.related-word-list button{grid-column:auto;width:128px}}
.search-word-result>span svg,.related-word-list article>span svg,.word-chip-grid span svg,.detail-word-grid span svg,.detail-related-panel article>span svg,.detail-similar-panel article>span svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.word-chip-grid span svg{width:18px;height:18px}
.create-map-section{padding:22px 40px 34px}.create-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.create-map-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.05);padding:28px;display:grid;gap:22px}.create-map-card header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #e8edf6;padding-bottom:20px}.create-map-card h1{margin:0 0 8px;color:#10204a;font-size:32px;line-height:1.25}.create-map-card p,.create-map-side p{margin:0;color:#4d5f84;font-weight:750;line-height:1.7}.create-map-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.create-map-fields label{display:grid;gap:8px;color:#1c2b55;font-weight:900}.create-map-fields .wide{grid-column:1/-1}.create-map-fields input,.create-map-fields textarea,.create-map-fields select{width:100%;min-width:0;border:1px solid #d9e1ef;border-radius:11px;background:#fff;padding:13px 14px;color:#10204a;font-weight:750;outline:0}.create-map-fields textarea{resize:vertical}.create-map-fields input:focus,.create-map-fields textarea:focus,.create-map-fields select:focus{border-color:#7c6bf5;box-shadow:0 0 0 4px rgba(90,53,242,.12)}.create-check{grid-template-columns:22px 1fr!important;align-items:center}.create-check input{width:18px;height:18px;padding:0}.create-map-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.create-map-actions .btn{height:46px}.create-map-side{display:grid;gap:14px;align-content:start}.create-map-side h2{margin:0 0 14px;color:#10204a}
@media(max-width:1320px){.create-map-layout{grid-template-columns:1fr}.create-map-side{grid-template-columns:1fr}}
@media(max-width:820px){.create-map-section{padding:22px 16px 34px}.create-map-card{padding:22px}.create-map-card header{align-items:flex-start;flex-direction:column}.create-map-card h1{font-size:28px}.create-map-fields{grid-template-columns:1fr}.create-map-actions .btn{width:100%}}
.create-map-page-head{display:grid;gap:10px;margin-bottom:20px}.create-map-page-head .theme-breadcrumb{margin:0}.create-map-page-head h1{margin:0 0 8px;color:#10204a;font-size:34px;line-height:1.2}.create-map-page-head p{margin:0;color:#4d5f84;font-weight:750}.create-map-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr)}.create-map-card{padding:18px;border-radius:10px}.create-map-card header{display:none}.create-form-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start;border-bottom:1px solid #e8edf6;padding:14px 0}.create-form-row:first-child{padding-top:0}.create-form-row>label{color:#10204a;font-weight:950;line-height:42px}.create-form-row em{display:inline-flex;margin-left:6px;height:20px;border:1px solid #ffb8c1;border-radius:999px;color:#ff4056;background:#fff5f7;font-size:11px;font-style:normal;align-items:center;padding:0 6px;vertical-align:middle}.create-form-row small,.create-word-builder+small{display:block;margin-top:7px;color:#71809c;font-weight:750}.create-input-wrap{position:relative}.create-input-wrap small{position:absolute;right:13px;bottom:9px;margin:0}.create-map-fields input,.create-map-fields textarea,.create-map-fields select,.create-form-row input,.create-form-row textarea{width:100%;border:1px solid #d9e1ef;border-radius:8px;background:#fff;padding:13px 14px;color:#10204a;font-weight:750;outline:0}.create-form-row textarea{padding-right:72px;resize:vertical}.create-theme-options{display:flex;gap:10px;flex-wrap:wrap}.create-theme-options button{height:38px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#28406e;padding:0 16px;font-weight:950;white-space:nowrap;cursor:pointer}.create-theme-options button.active{border-color:#77d9a7;background:#e9fbf2;color:#0c8c53;box-shadow:inset 0 0 0 1px #77d9a7}.create-word-builder{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.create-word-chips{display:flex;gap:9px;flex-wrap:wrap}.create-word-chips button{height:34px;border:1px solid #a8e5c3;border-radius:999px;background:#ecfff5;color:#0c8c53;padding:0 14px;font-weight:950;white-space:nowrap}.create-word-builder input{width:150px;flex:1 1 140px}.create-word-builder>button{height:38px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#0a79e5;padding:0 16px;font-weight:950;white-space:nowrap}.create-mini-map{height:150px;position:relative;border-radius:12px;background:#fbfdff;overflow:hidden}.create-mini-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.create-mini-map line{stroke:#31c978;stroke-width:.45;stroke-dasharray:2 2}.create-mini-map b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:78px;border:1px solid #7ddca7;border-radius:999px;background:#e8faef;color:#087f4b;display:grid;place-items:center;text-align:center;padding:10px;font-size:15px;line-height:1.35;z-index:2}.create-mini-map span{position:absolute;transform:translate(-50%,-50%);min-width:86px;height:31px;border:1px solid #a8e5c3;border-radius:999px;background:#ecfff5;color:#0c8c53;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:12px;font-weight:950;white-space:nowrap;z-index:2}.create-mini-map.large{height:212px}.create-mini-map.large b{width:142px;height:90px;font-size:16px}.create-visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-visibility-options label{min-height:62px;border:1px solid #dfe6f3;border-radius:10px;background:#fff;display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center;padding:12px;cursor:pointer}.create-visibility-options input{width:20px;height:20px;accent-color:#6038ee}.create-visibility-options b{display:block;color:#10204a}.create-visibility-options small{margin:3px 0 0}.create-map-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding-top:4px}.create-map-actions .btn{height:48px;border-radius:8px}.create-map-actions .primary{background:linear-gradient(100deg,#7223f0,#078df1);color:#fff}.create-check{display:flex!important;align-items:center;gap:10px;color:#405071;font-weight:850}.create-check input{accent-color:#6038ee}.create-preview-card,.create-point-card,.create-info-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.05);padding:22px}.create-preview-card h2,.create-point-card h2{margin:0 0 10px;color:#10204a}.create-preview-card>p{margin:0 0 16px;color:#4d5f84;font-weight:750}.create-live-card{box-shadow:none}.create-live-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center}.create-cover{width:58px;height:58px;border-radius:9px;background:linear-gradient(135deg,#8a4bf6,#33b7f2)}.create-live-card h3{margin:0 0 8px;color:#10204a;font-size:20px}.create-preview-pills{display:flex;gap:8px;flex-wrap:wrap}.create-preview-pills span{height:24px;border-radius:999px;background:#eef2ff;color:#465b84;font-size:12px;font-weight:900;display:flex;align-items:center;padding:0 10px}.create-preview-pills span:first-child{background:#e8faef;color:#0c8c53}.create-live-card footer{align-items:center}.photo-avatar.tiny{width:28px;height:28px;flex:none}.photo-avatar.tiny:before{width:28px;height:28px}.create-live-card footer b{font-size:12px;font-weight:850}.create-point-card{background:linear-gradient(135deg,#fbf8ff,#f4f9ff)}.create-point-card p{margin:12px 0 0;color:#4d5f84;font-weight:750;line-height:1.55}.create-point-card b{color:#10204a}.create-info-card{display:flex;gap:16px;align-items:center;background:#f4f9ff}.create-info-card>span{width:68px;height:68px;border:1px solid #9ec6ff;border-radius:50%;display:grid;place-items:center;font-size:30px;flex:none}.create-info-card strong{display:block;color:#1266d6}.create-info-card small{display:block;margin-top:6px;color:#4d5f84;font-weight:750;line-height:1.5}
@media(max-width:1320px){.create-map-layout{grid-template-columns:1fr}.create-map-side{grid-template-columns:1fr 1fr}.create-preview-card{grid-column:1/-1}}
@media(max-width:820px){.create-map-page-head{gap:18px}.create-form-row{grid-template-columns:1fr;gap:8px}.create-form-row>label{line-height:1.4}.create-visibility-options,.create-map-actions,.create-map-side{grid-template-columns:1fr}.create-live-head{grid-template-columns:48px 1fr}.create-cover{width:48px;height:48px}.create-mini-map.large{height:190px}}
.create-mini-map:empty:before{content:"言葉を追加するとプレビューされます";position:absolute;inset:0;display:grid;place-items:center;color:#8290aa;font-weight:850}.create-live-card [data-create-preview-title],.create-live-card [data-create-preview-description]{overflow-wrap:anywhere}
.joined-map-thumb{position:relative;overflow:hidden;background:#f8fbff}.joined-map-thumb svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.joined-map-thumb line{stroke:#82a0ea;stroke-width:1.2;stroke-dasharray:3 3}.joined-map-thumb b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:28px;border-radius:999px;background:rgba(255,255,255,.86);color:#173166;display:flex;align-items:center;justify-content:center;text-align:center;font-size:8px;font-weight:950;line-height:1.15;padding:3px;z-index:2;overflow:hidden}.joined-map-thumb i{position:absolute;transform:translate(-50%,-50%);max-width:36px;height:15px;border-radius:999px;background:rgba(255,255,255,.8);color:#4e5d85;display:flex;align-items:center;justify-content:center;font-size:7px;font-style:normal;font-weight:900;line-height:1;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.green-thumb line{stroke:#61cb91}.purple-thumb line{stroke:#9b83ed}.orange-thumb line{stroke:#ebb45c}.blue-thumb line{stroke:#73a7e8}.mint-thumb line{stroke:#65d0ad}
@media(max-width:820px){.joined-map-thumb b{width:34px;font-size:7px}.joined-map-thumb i{max-width:30px;font-size:6px}}
.detail-benefits span{width:34px;height:34px;flex:none}.detail-benefits svg{width:19px;height:19px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.detail-meta-row svg{width:19px;height:19px;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}.detail-avatar{background-size:cover;background-position:center;font-size:14px;font-weight:950;color:#fff}.detail-avatar.has-image{background-color:#eef2ff;background-size:cover;background-position:center;color:transparent}
.detail-member-avatars{flex-wrap:wrap}.detail-member-avatars span{background-size:cover;background-position:center;color:#fff;font-weight:950;font-size:13px}.detail-member-avatars span.has-image{color:transparent}
.user-menu-wrap{position:relative;display:flex;align-items:center}.user-menu{height:42px;padding:0 8px;border-radius:10px}.user-menu:hover,.user-menu[aria-expanded="true"]{background:#f4f7fc}.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:176px;border:1px solid #dfe6f3;border-radius:12px;background:#fff;box-shadow:0 18px 38px rgba(34,49,86,.16);padding:6px;z-index:30}.user-dropdown button{width:100%;height:40px;border:0;border-radius:8px;background:transparent;color:#172852;text-align:left;padding:0 12px;font-weight:900;cursor:pointer;white-space:nowrap}.user-dropdown button:hover{background:#f4f7fc}.user-dropdown button[data-action="logout"]{color:#d9415c}
@media(max-width:820px){.dashboard-actions{grid-template-columns:46px minmax(0,1fr) minmax(104px,auto)}.user-menu{display:flex;min-width:0;justify-content:center;padding:0 8px}.user-menu span:first-child{overflow:hidden;text-overflow:ellipsis}.user-dropdown{right:auto;left:0}.account-menu-button{display:none}}
.mypage-section{padding:24px 42px 34px}.mypage-section h1{margin:0 0 20px;color:#10204a;font-size:36px;line-height:1.2}.mypage-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.18fr);gap:18px;margin-bottom:12px}.mypage-profile-card,.mypage-panel,.mypage-stat{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.06)}.mypage-profile-card{display:grid;grid-template-columns:146px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 22px}.mypage-avatar{width:128px;height:128px;border-radius:50%;background:linear-gradient(135deg,#dfe7ff,#b7c7ff);background-size:cover;background-position:center;color:#fff;font-size:44px;font-weight:950;display:grid;place-items:center;overflow:hidden}.mypage-avatar.has-image{color:transparent}.mypage-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mypage-name-row h2{margin:0;color:#10204a;font-size:26px}.mypage-name-row span{color:#667798;font-weight:850}.mypage-name-row b{height:25px;border:1px solid #d9d0ff;border-radius:999px;background:#f5f0ff;color:#6639ef;display:flex;align-items:center;padding:0 12px;font-size:12px}.mypage-profile-body p{margin:10px 0 8px;color:#33476f;font-weight:750;line-height:1.6}.mypage-profile-body small{color:#607198;font-weight:850}.mypage-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mypage-tags span{height:24px;border-radius:999px;background:#eef2ff;color:#4b45df;font-size:12px;font-weight:900;display:flex;align-items:center;padding:0 10px}.mypage-profile-card>button{height:42px;border:1px solid #dfe6f3;border-radius:10px;background:#fff;color:#10204a;font-weight:950;padding:0 16px;white-space:nowrap;cursor:pointer}.mypage-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mypage-stat{padding:18px;display:grid;grid-template-columns:54px 1fr;column-gap:12px;align-items:center}.mypage-stat>span{grid-row:1/4;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:#6d34ef;background:#f0e9ff}.mypage-stat.blue>span{background:#e7f2ff;color:#0b80e8}.mypage-stat.cyan>span{background:#e5f8ff;color:#12a2d7}.mypage-stat.violet>span{background:#f0e9ff;color:#7c38ef}.mypage-stat svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}.mypage-stat small{color:#44577f;font-weight:950;line-height:1.35}.mypage-stat strong{color:#6030e8;font-size:34px;line-height:1;font-weight:950}.mypage-stat.blue strong{color:#0c7fe8}.mypage-stat.cyan strong{color:#17a6d8}.mypage-stat strong em{font-size:13px;font-style:normal;margin-left:5px;color:#132858}.mypage-stat b{color:#31506f;font-size:12px}.mypage-stat b.is-negative{color:#d9415c}.mypage-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px}.mypage-main{min-width:0}.mypage-tabs{display:flex;gap:0;border-bottom:1px solid #dfe6f3;background:#fff;border-radius:14px 14px 0 0;overflow:auto}.mypage-tabs button{height:48px;border:0;border-bottom:3px solid transparent;background:#fff;color:#344a75;font-weight:950;padding:0 22px;white-space:nowrap;cursor:pointer}.mypage-tabs button.active{color:#6834ef;border-bottom-color:#6834ef}.mypage-panel{padding:18px;margin-bottom:14px}.mypage-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mypage-panel h2,.mypage-panel-head h2{margin:0;color:#10204a;font-size:17px}.mypage-panel p{margin:4px 0 14px;color:#667798;font-weight:750}.mypage-panel-head a{color:#087eea;font-weight:950;font-size:13px;white-space:nowrap}.mypage-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mypage-map-card{border:1px solid #dfe6f3;border-radius:12px;background:#fff;padding:12px;display:grid;gap:9px;min-width:0}.mypage-map-card .map-visual{height:118px}.mypage-map-card h3{margin:0;color:#10204a;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mypage-map-card p{margin:0;color:#53658d;font-size:12px;line-height:1.45;min-height:34px}.mypage-map-card footer{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;color:#5f7094;font-size:11px;font-weight:850}.mypage-map-card footer time{text-align:right}.mypage-map-card div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mypage-map-card button,.mypage-joined-list button{height:32px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#10204a;font-weight:950;cursor:pointer}.mypage-map-card button:last-child{border:0;background:linear-gradient(100deg,#3678f4,#8134ef);color:#fff}.mypage-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mypage-joined-list{display:grid;gap:10px}.mypage-joined-list article{display:grid;grid-template-columns:74px minmax(0,1fr) 94px 112px 82px;gap:12px;align-items:center;border-bottom:1px solid #e9eef7;padding:8px 0}.mypage-joined-list article:last-child{border-bottom:0}.mypage-joined-list .thumb{width:74px;height:44px}.mypage-joined-list strong{color:#10204a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mypage-joined-list small,.mypage-joined-list b,.mypage-joined-list time{color:#667798;font-size:12px;font-weight:850}.mypage-joined-list b{height:24px;border-radius:999px;background:#eef2ff;color:#5145df;display:flex;align-items:center;justify-content:center;padding:0 8px}.mypage-word-list{display:flex;gap:10px;flex-wrap:wrap}.mypage-word-list button{min-height:34px;border:0;border-radius:999px;background:#eef2ff;color:#0f66dc;padding:0 16px;font-weight:950;display:flex;align-items:center;gap:8px;cursor:pointer}.mypage-word-list button small{color:#667798;font-weight:850}.mypage-word-list.wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mypage-word-list.wide button{border-radius:12px;justify-content:flex-start;padding:12px 14px}.mypage-word-list.wide svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.1;fill:none}.mypage-side{display:grid;gap:14px;align-content:start}.mypage-activity-list{display:grid;gap:0}.mypage-activity-list article{display:grid;grid-template-columns:38px minmax(0,1fr) 64px;gap:10px;align-items:start;border-bottom:1px solid #e9eef7;padding:10px 0}.mypage-activity-list article:last-child{border-bottom:0}.mypage-list-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f4c0b2,#415f85);background-size:cover;background-position:center;color:#fff;display:grid;place-items:center;font-weight:950}.mypage-list-avatar.has-image{color:transparent}.mypage-activity-list strong{display:block;color:#10204a;font-size:13px}.mypage-activity-list p{margin:3px 0 0;color:#0b7fe9;font-size:12px;line-height:1.45}.mypage-activity-list time{color:#71809c;font-size:11px;font-weight:850;text-align:right}.mypage-follow-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mypage-follow-themes button{border:0;background:transparent;display:grid;justify-items:center;gap:5px;color:#10204a;font-weight:900;cursor:pointer;min-width:0}.mypage-follow-themes .topic-art{width:50px;height:50px;font-size:24px}.mypage-follow-themes strong,.mypage-follow-themes small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mypage-follow-themes small{color:#667798;font-size:11px}.mypage-settings-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.mypage-settings-links button{height:38px;border:0;background:transparent;color:#10204a;text-align:left;font-weight:900;cursor:pointer}
@media(max-width:1320px){.mypage-top,.mypage-layout{grid-template-columns:1fr}.mypage-stat-grid,.mypage-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mypage-side{grid-template-columns:1fr 1fr}.mypage-side .mypage-panel:first-child{grid-column:1/-1}}
@media(max-width:820px){.mypage-section{padding:22px 16px 34px}.mypage-section h1{font-size:30px}.mypage-profile-card{grid-template-columns:82px minmax(0,1fr);padding:18px}.mypage-avatar{width:72px;height:72px;font-size:28px}.mypage-profile-card>button{grid-column:2;width:max-content;max-width:100%}.mypage-name-row h2{font-size:22px}.mypage-stat-grid,.mypage-map-grid,.mypage-bottom-grid,.mypage-side,.mypage-word-list.wide,.mypage-settings-links{grid-template-columns:1fr}.mypage-joined-list article{grid-template-columns:70px minmax(0,1fr);align-items:start}.mypage-joined-list b,.mypage-joined-list time,.mypage-joined-list button{grid-column:2;justify-self:start}.mypage-tabs button{padding:0 16px}.mypage-follow-themes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.settings-page-section{padding:24px 42px 40px}.settings-page-head{margin-bottom:24px}.settings-page-head h1{margin:0 0 8px;color:#10204a;font-size:34px}.settings-page-head p{margin:0;color:#53658d;font-weight:750}.settings-layout{display:grid;grid-template-columns:250px 270px minmax(0,1fr) 280px;gap:20px;align-items:start}.settings-layout>aside,.settings-detail,.settings-help-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.06)}.settings-layout>aside{padding:16px}.settings-layout h2,.settings-detail h2{margin:0 0 14px;color:#10204a;font-size:19px}.settings-major-nav,.settings-minor-nav{display:grid;gap:8px}.settings-major-nav button,.settings-minor-nav button{height:54px;border:1px solid transparent;border-radius:10px;background:transparent;color:#223866;font-weight:950;text-align:left;padding:0 14px;display:flex;align-items:center;gap:13px;cursor:pointer;white-space:nowrap}.settings-major-nav button span,.settings-minor-nav button span{width:28px;height:28px;border-radius:8px;background:#eef2ff;color:#5d38ef;display:grid;place-items:center;flex:none}.settings-major-nav button.active,.settings-minor-nav button.active{border-color:#d8d8ff;background:linear-gradient(135deg,#f6f3ff,#f4f8ff);color:#4f34ea}.settings-search{height:42px;border:1px solid #dfe6f3;border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:14px}.settings-search span{color:#53658d}.settings-search input{border:0;outline:0;min-width:0;flex:1;color:#10204a;font-weight:750}.settings-detail{padding:24px 26px}.settings-form,.settings-generic{display:grid;gap:14px}.settings-form label{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;color:#10204a;font-weight:900}.settings-form input,.settings-form textarea,.settings-form select{width:100%;border:1px solid #d9e1ef;border-radius:9px;background:#fff;padding:12px 14px;color:#10204a;font-weight:750;outline:0}.settings-form textarea{resize:vertical;line-height:1.6}.settings-avatar-row{display:grid;grid-template-columns:150px 82px auto;gap:18px;align-items:center}.settings-avatar-row label{display:block}.settings-avatar-row .mypage-avatar{width:82px;height:82px;font-size:28px}.settings-avatar-row button{height:38px;border:1px solid #dfe6f3;border-radius:9px;background:#fff;color:#10204a;font-weight:950;padding:0 14px}.settings-divider{height:1px;background:#e9eef7;margin:4px 0}.settings-toggle-row{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:14px!important;border-top:1px solid #eef2f8;padding-top:11px}.settings-toggle-row input{appearance:none;width:46px!important;height:26px;border:0!important;border-radius:999px;background:#cfd7e6;position:relative;padding:0!important;cursor:pointer}.settings-toggle-row input:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 6px rgba(20,32,83,.22);transition:transform .16s ease}.settings-toggle-row input:checked{background:linear-gradient(100deg,#3678f4,#8134ef)}.settings-toggle-row input:checked:before{transform:translateX(20px)}.settings-form footer,.settings-generic footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e9eef7;margin-top:8px;padding-top:18px}.settings-form footer .btn,.settings-generic footer .btn{height:44px;min-width:150px}.settings-help-card{padding:24px}.settings-help-card>span{width:42px;height:42px;border-radius:50%;background:#f0e9ff;color:#6335ef;display:grid;place-items:center;font-size:23px;margin-bottom:18px}.settings-help-card article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;margin-top:18px}.settings-help-card article span{width:34px;height:34px;border-radius:50%;background:#f0e9ff;color:#6335ef;display:grid;place-items:center}.settings-help-card svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.1;fill:none}.settings-help-card strong{display:block;color:#10204a}.settings-help-card p{margin:4px 0 0;color:#607198;font-size:13px;font-weight:750;line-height:1.6}.settings-danger{display:grid;gap:12px}.settings-danger h3{margin:10px 0 0;color:#10204a}.settings-danger p,.settings-generic p{margin:0;color:#53658d;font-weight:750;line-height:1.7}.settings-generic a{color:#0b7fe9;font-weight:950}
@media(max-width:1320px){.settings-layout{grid-template-columns:220px 250px minmax(0,1fr)}.settings-help-card{grid-column:1/-1}.settings-help-card div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-help-card article{margin-top:0}}
@media(max-width:820px){.settings-page-section{padding:22px 16px 34px}.settings-layout{grid-template-columns:1fr}.settings-major-nav,.settings-minor-nav{grid-template-columns:1fr 1fr}.settings-major-nav button,.settings-minor-nav button{height:48px;padding:0 10px;font-size:13px}.settings-form label,.settings-avatar-row{grid-template-columns:1fr;gap:8px}.settings-form footer,.settings-generic footer{display:grid;grid-template-columns:1fr}.settings-help-card div{grid-template-columns:1fr}}
.mypage-stat small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.mypage-stat{grid-template-columns:48px minmax(0,1fr);column-gap:10px}.mypage-stat>span{width:48px;height:48px}.mypage-stat strong{font-size:32px}
.mypage-stat small{display:block;max-width:100%;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;line-break:strict;line-height:1.25}
.avatar-upload-button{height:38px;border:1px solid #dfe6f3;border-radius:9px;background:#fff;color:#10204a;font-weight:950;padding:0 14px;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.members-section,.user-profile-section{padding:24px 42px 40px}.members-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.members-head button{height:40px;border:1px solid #dfe6f3;border-radius:10px;background:#fff;color:#10204a;font-weight:950;padding:0 14px;cursor:pointer;white-space:nowrap}.members-head h1,.user-profile-card h1{margin:0;color:#10204a;font-size:32px}.members-head p{margin:5px 0 0;color:#53658d;font-weight:750}.members-list,.settings-list [data-safety-list]{display:grid;gap:12px}.member-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid #dfe6f3;border-radius:14px;padding:14px 16px;box-shadow:0 8px 22px rgba(62,78,120,.05)}.member-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e9f5ff,#dbe2ff);background-size:cover;background-position:center;color:#10204a;font-weight:950;display:grid;place-items:center}.member-avatar.has-image{color:transparent}.member-row strong{display:block;color:#10204a;font-size:16px}.member-row small{display:block;color:#667798;font-weight:800;margin-top:3px}.member-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.member-actions button,.user-profile-actions button{height:36px;border:1px solid #dfe6f3;border-radius:9px;background:#fff;color:#10204a;font-weight:950;padding:0 13px;cursor:pointer;white-space:nowrap}.member-actions button:last-child,.user-profile-actions button:first-child{background:linear-gradient(100deg,#3678f4,#8134ef);border:0;color:#fff}.user-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px}.user-profile-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.06);padding:24px;margin-bottom:16px}.user-profile-head{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:center}.user-profile-head .mypage-avatar{width:112px;height:112px;font-size:38px}.user-profile-head p{margin:6px 0 0;color:#53658d;font-weight:750;line-height:1.6}.user-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.user-profile-stats article{border:1px solid #dfe6f3;border-radius:12px;background:#fbfdff;padding:14px}.user-profile-stats small{display:block;color:#667798;font-weight:850;white-space:nowrap}.user-profile-stats strong{display:block;color:#6030e8;font-size:28px;margin-top:6px}.user-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.settings-list .member-row{box-shadow:none}.settings-list .search-empty{margin:0}@media(max-width:1000px){.members-section,.user-profile-section{padding:22px 16px 34px}.member-row,.user-profile-grid{grid-template-columns:1fr}.member-actions{justify-content:flex-start}.user-profile-head{grid-template-columns:82px minmax(0,1fr)}.user-profile-head .mypage-avatar{width:82px;height:82px}.user-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.settings-provider-list{display:grid;gap:10px}.settings-provider-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid #dfe6f3;border-radius:12px;background:#fbfdff;padding:14px 16px}.settings-provider-list strong{color:#10204a}.settings-provider-list span{height:28px;border-radius:999px;background:#eef2ff;color:#667798;font-weight:950;padding:0 12px;display:inline-flex;align-items:center;white-space:nowrap}.settings-provider-list span.is-connected{background:#e8faef;color:#10975a}.settings-provider-list button{height:34px;border:1px solid #dfe6f3;border-radius:9px;background:#fff;color:#10204a;font-weight:950;padding:0 12px;white-space:nowrap;cursor:pointer}
.create-theme-select{width:100%;height:42px;border:1px solid #d9e1ef;border-radius:8px;background:#fff;color:#10204a;font-weight:850;padding:0 12px;margin-bottom:10px}.create-draft-card{background:#fff;border:1px solid #dfe6f3;border-radius:14px;box-shadow:0 8px 22px rgba(62,78,120,.05);padding:22px}.create-draft-card h2{margin:0 0 10px;color:#10204a}.create-draft-card [data-create-draft-list]{display:grid;gap:10px}.create-draft-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid #e5ebf5;border-radius:10px;padding:10px;background:#fbfdff}.create-draft-item strong{display:block;color:#10204a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-draft-item small{display:block;color:#667798;font-size:12px;font-weight:850;margin-top:3px}.create-draft-item button{height:32px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#10204a;font-weight:950;padding:0 10px;white-space:nowrap}.create-draft-item button:last-child{color:#d9415c;border-color:#f0c5ce;background:#fff7f9}.moderation-panel h3{margin:12px 0 0;color:#10204a}.moderation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e5ebf5;border-radius:12px;background:#fbfdff;padding:13px}.moderation-row strong{display:block;color:#10204a}.moderation-row small{display:block;color:#667798;font-weight:850;margin-top:3px}.moderation-row p{margin:6px 0 0;color:#53658d}.moderation-row button{height:36px;border:1px solid #dfe6f3;border-radius:9px;background:#fff;color:#10204a;font-weight:950;padding:0 12px;white-space:nowrap}body.is-compact-ui .webapp-section{padding-top:16px;padding-bottom:24px}body.is-compact-ui .wordmap-card,body.is-compact-ui .side-panel,body.is-compact-ui .mypage-panel{padding:14px}body.is-wide-map-ui .editor-map-canvas{height:540px}body.is-wide-map-ui .detail-map-canvas{min-height:360px}@media(max-width:820px){.create-draft-item,.moderation-row{grid-template-columns:1fr}.create-draft-item button,.moderation-row button{justify-self:start}}
.editor-share-box{display:grid;gap:9px;margin-bottom:12px;border:1px solid #e5ebf5;border-radius:10px;background:#fbfdff;padding:12px}.editor-share-box p{margin:0;color:#53658d;font-weight:750;line-height:1.55}.editor-share-box input{width:100%;border:1px solid #d9e1ef;border-radius:8px;background:#fff;padding:10px;color:#10204a;font-weight:750}.editor-share-box div{display:flex;gap:8px;flex-wrap:wrap}.editor-share-box button{height:34px;border:1px solid #dfe6f3;border-radius:8px;background:#fff;color:#10204a;font-weight:950;padding:0 10px;white-space:nowrap}.editor-share-box button:first-child{border:0;background:linear-gradient(100deg,#3678f4,#8134ef);color:#fff}
.support-help-list article{border:1px solid #e5ebf5;border-radius:12px;background:#fbfdff;padding:16px;display:grid;gap:8px}.support-help-list strong{color:#10204a;font-size:16px}.support-help-list button{height:36px;justify-self:start;border:1px solid #dfe6f3;border-radius:9px;background:#fff;color:#10204a;font-weight:950;padding:0 13px;white-space:nowrap;cursor:pointer}.support-help-list article:first-child button{border:0;background:linear-gradient(100deg,#3678f4,#8134ef);color:#fff}
@media(max-width:560px){.auth-view{min-height:100svh;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:18px 0 18px}.auth-card{width:calc(100vw - 28px);max-width:calc(100vw - 28px);padding:20px 17px 16px;border-radius:18px}.auth-logo{padding-bottom:14px;margin-bottom:14px}.auth-logo img{width:88px;height:88px}.auth-logo strong{font-size:34px;margin-top:14px}.auth-logo>span{font-size:11px;letter-spacing:.05em;line-height:1.5}.auth-form{gap:9px}.auth-form h2{font-size:22px}.auth-sub{font-size:13px;line-height:1.55}.field-wrap{height:43px}.auth-row{gap:8px}.auth-card .btn.primary,.social-login{height:42px}.guest-note,.auth-switch{font-size:12px;line-height:1.5}.auth-divider{gap:12px}.auth-footer{position:static;width:100%;gap:10px 14px;padding:0 16px;margin-top:12px;font-size:12px}.auth-footer small{line-height:1.5}.form-message{margin-top:8px;font-size:12px;line-height:1.45}.map-visual i{max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-visual i:after{width:58px!important}}
.create-word-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.create-word-suggestions button{height:32px;border:1px solid #cfd8f6;border-radius:8px;background:#f7f9ff;color:#253f75;padding:0 12px;font-weight:900;white-space:nowrap}