.cl-page{--cl-ink:#654833;--cl-muted:#9c7d61;--cl-line:#e3d2bd;color:var(--cl-ink)}.cl-page svg,.cl-personal svg,#club-editor svg,.cl-preview svg,.cl-confirm svg{width:17px;height:17px;flex-shrink:0}.cl-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 27px}.cl-heading h1{font-size:30px;margin:9px 0}.cl-heading p{font-size:13px;color:var(--cl-muted);margin:0}.cl-heading .button{display:flex;align-items:center;gap:8px}.cl-hero{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--cl-line);border-radius:25px;background:linear-gradient(110deg,#eedac2,#faf4e9);padding:29px 34px;gap:25px;overflow:hidden}.cl-hero>div:first-child{min-width:0;flex:1}.cl-hero small{font-size:11px;color:#a07956}.cl-hero h2{font-size:25px;line-height:1.6;margin:13px 0 10px;letter-spacing:-.5px}.cl-hero p{font-size:12px;line-height:1.9;color:#a08367;margin:0 0 16px}.cl-hero>div>span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#986844}.cl-art{position:relative;overflow:hidden;min-height:180px;background:linear-gradient(130deg,#d6ae86,#f0dfc5);color:#925b35;--cl-art-ink:#99633d}.cl-art.tone-sage{background:linear-gradient(130deg,#c9ceb2,#eeecd9);color:#6b7751;--cl-art-ink:#77835e}.cl-art.tone-wood{background:linear-gradient(130deg,#c2a88f,#efdfc8);color:#79573e;--cl-art-ink:#886347}.cl-art>svg{position:absolute;width:100%;height:100%;inset:0;stroke:var(--cl-art-ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.cl-orbit{stroke-dasharray:4 8;opacity:.45;animation:cl-orbit 30s linear infinite}.cl-people{fill:#fff7e677;animation:cl-float 5s ease-in-out infinite}.cl-spark{animation:cl-spark 4s ease-in-out infinite}.cl-art-label{position:absolute;left:22px;top:21px;font-size:9px;letter-spacing:1.7px}.cl-emblem{position:absolute;left:22px;top:58px;display:grid;place-items:center;width:53px;height:53px;border:1px solid #fff8e877;border-radius:17px;background:#fff8e84d;backdrop-filter:blur(5px)}.cl-emblem svg{width:26px;height:26px}.cl-art-caption{position:absolute;left:22px;bottom:21px;font-size:11px;letter-spacing:1px}.cl-hero>.cl-art{width:290px;min-height:180px;background:transparent;flex-shrink:0}.cl-hero>.cl-art :is(.cl-art-label,.cl-emblem,.cl-art-caption){display:none}.cl-tabs{display:flex;gap:5px;padding:5px;width:fit-content;border:1px solid var(--cl-line);border-radius:14px;background:#fff9ef;margin:25px 0 17px}.cl-tabs a{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 19px;font-size:13px;border-radius:10px;color:#a17d5e}.cl-tabs .active{background:#98543d;color:#fff8ed;box-shadow:0 3px 9px #7d49321c}.cl-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 21px;border-bottom:1px solid var(--cl-line)}.cl-filters a{display:flex;align-items:center;gap:6px;padding:10px 12px;min-height:40px;border:1px solid #e4d2bc;background:#fffaef;border-radius:11px;color:#9f7d5e;font-size:11px}.cl-filters svg{width:14px;height:14px}.cl-filters .active{background:#ecdbc5;border-color:#d4b491;color:#955f3c}.cl-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 17px}.cl-list-heading h2{font-size:16px;margin:0}.cl-list-heading small{font-size:11px;font-weight:400;background:#ecddc8;padding:4px 8px;border-radius:6px;margin-left:7px;color:#9b7652}.cl-list-heading button,.cl-roster header button,.cl-breadcrumb button{border:0;background:transparent;color:#9b7a5b;display:flex;align-items:center;gap:6px;font-size:12px;min-height:40px}.cl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cl-card{border:1px solid var(--cl-line);border-radius:23px;background:#fffbf3;overflow:hidden;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s}.cl-card:hover{transform:translateY(-4px);border-color:#c7a27c;box-shadow:0 12px 26px #6e432316}.cl-card-cover{display:block}.cl-card-copy{padding:20px}.cl-tags{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#b08d6b}.cl-tags>span{color:#9c6744;background:#efdfcb;padding:5px 8px;border-radius:7px}.cl-tags>small{font-size:10px}.cl-card h2{font-size:19px;line-height:1.6;margin:13px 0 9px;font-weight:600;overflow-wrap:anywhere}.cl-card p{font-size:12px;color:#a18469;line-height:1.9;margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px;overflow-wrap:anywhere}.cl-place{display:flex;align-items:center;gap:6px;color:#a08060;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.cl-place svg{width:14px;height:14px}.cl-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ecdecb;margin-top:16px;padding-top:15px;font-size:11px;color:#a18466}.cl-card footer>span,.cl-card footer a{display:flex;align-items:center;gap:5px}.cl-card footer a{color:#985d3d}.cl-card footer svg{width:13px;height:13px}.cl-empty{border:1px dashed #d9c2a6;background:#faf3e7;border-radius:24px;padding:26px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;margin:20px 0}.cl-empty>.cl-art{width:220px;min-height:110px;background:transparent}.cl-empty>.cl-art :is(.cl-art-label,.cl-emblem,.cl-art-caption){display:none}.cl-empty h2{font-size:22px;line-height:1.6;margin:8px 0;color:#765039}.cl-empty p{color:#a18264;font-size:13px;line-height:1.9;margin:8px 0 21px}.cl-empty .button{display:inline-flex;gap:8px;align-items:center;justify-content:center}.cl-loading{padding:45px 20px;text-align:center;color:#aa8767;font-size:13px;line-height:1.8}.cl-note{font-size:11px;line-height:1.8;color:#a3866b;display:flex;align-items:center;justify-content:center;gap:6px;margin:23px 0 10px}.cl-note svg{width:14px;height:14px}.cl-more{width:100%;min-height:47px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #dec9af;border-radius:14px;background:#f1e3cf;color:#986e4c;font-size:12px;margin-top:20px}.cl-error{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f0daca;color:#955039;border-radius:12px;padding:14px;font-size:12px;margin-bottom:16px}.cl-error button{border:0;background:transparent;color:inherit;text-decoration:underline;min-height:32px;flex-shrink:0}.cl-personal{display:flex;align-items:center;gap:16px;padding:23px;border:1px solid #d9c4a8;border-radius:22px;background:linear-gradient(115deg,#e8d4b9,#faf3e5);margin:20px 0;color:#825d3d}.cl-personal>span{width:45px;height:45px;border-radius:14px;background:#fff6e5;display:grid;place-items:center;flex-shrink:0}.cl-personal>div{flex:1;min-width:0}.cl-personal strong{display:block;font-size:16px;font-weight:600}.cl-personal small{display:block;font-size:12px;line-height:1.8;color:#a17d59;margin-top:5px}.cl-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 17px}.cl-breadcrumb a,.cl-back{display:inline-flex;align-items:center;gap:6px;color:#a07b58;font-size:12px;min-height:38px}.cl-detail-hero{border:1px solid var(--cl-line);border-radius:26px;overflow:hidden;background:#fffaf0}.cl-detail-hero>.cl-art{min-height:220px}.cl-detail-hero>.cl-art>svg{width:60%;left:auto;right:0}.cl-detail-hero .cl-emblem{width:70px;height:70px;top:65px;left:30px;border-radius:22px}.cl-detail-hero .cl-emblem svg{width:34px;height:34px}.cl-detail-hero :is(.cl-art-label,.cl-art-caption){left:30px}.cl-detail-title{display:flex;align-items:center;justify-content:space-between;padding:26px 30px;gap:20px}.cl-detail-title>div{min-width:0}.cl-kind{display:flex;align-items:center;gap:6px;color:#ad835e;font-size:11px}.cl-detail-title h1{font-size:29px;line-height:1.6;overflow-wrap:anywhere;margin:10px 0}.cl-detail-title p{display:flex;align-items:center;gap:6px;font-size:12px;color:#a38364;overflow-wrap:anywhere;margin:0}.cl-member-total{display:flex;flex-direction:column;gap:7px;align-items:center;white-space:nowrap;font-size:11px;color:#ac8c6e;flex-shrink:0}.cl-member-total b{font-size:32px;line-height:1.2;font-weight:500;color:#9c6541}.cl-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start;margin-top:0}.cl-story{background:#fffbf3;border:1px solid var(--cl-line);border-radius:22px;padding:28px}.cl-story>small{font-size:9px;letter-spacing:1.8px;color:#b18c6a}.cl-story h2{font-size:21px;margin:13px 0 17px}.cl-story>p,.cl-notice p{font-size:14px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;color:#98775b}.cl-founder{display:flex;align-items:center;gap:8px;border-top:1px solid #e9dac8;padding-top:20px;margin-top:25px;flex-wrap:wrap;font-size:12px;color:#ab8869}.cl-founder a{color:#935b3a}.cl-founder time{font-size:10px;margin-left:auto}.cl-notice{display:flex;align-items:flex-start;gap:15px;padding:24px;background:#efe0ca;border:1px solid #e0caae;border-radius:20px;margin-top:18px}.cl-notice>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#faf2e4;flex-shrink:0;color:#a57148}.cl-notice>div{min-width:0}.cl-notice small{font-size:10px;color:#ac855e}.cl-notice h2{font-size:17px;line-height:1.6;margin:8px 0}.cl-notice p{font-size:12px;margin:0}.cl-join-card{margin-top:25px;border-radius:23px;padding:26px;background:linear-gradient(140deg,#955d3e,#b08056);color:#fff0d9;border:1px solid #976c4c}.cl-join-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#fff1d421;margin-bottom:20px}.cl-join-card>small{font-size:11px;color:#dec4a5}.cl-join-card h2{font-size:23px;line-height:1.6;margin:13px 0}.cl-join-card p{font-size:12px;line-height:1.9;color:#e0c7a9;margin:0 0 22px}.cl-join-card .button{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;background:#fff2d9;color:#865636;border:1px solid #f1d6b0;font-size:13px}.cl-contact{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#fff0d8;border:1px solid #d8b7907a;border-radius:12px;min-height:44px;width:100%;margin-top:12px;font-size:12px}.cl-join-card .cl-join-privacy{display:flex;align-items:flex-start;gap:6px;font-size:10px;line-height:1.9;margin-top:20px;color:#d4b796}.cl-join-privacy svg{width:13px;height:13px;margin-top:3px}.cl-mine-link{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;padding-top:17px;margin-top:20px;border-top:1px solid #d6b38a50;color:#e8cfaf}.cl-roster{border:1px solid var(--cl-line);border-radius:22px;background:#fffbf3;padding:24px}.cl-roster header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cl-roster h2{font-size:18px;line-height:1.6;margin:0}.cl-member{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #ebddca}.cl-member-name{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cl-member-name>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eee0ca;color:#a06e45;flex-shrink:0;font-size:17px}.cl-member-name>div{min-width:0}.cl-member-name strong{font-size:14px;overflow-wrap:anywhere}.cl-member-name small{display:block;font-size:10px;line-height:1.6;color:#ad8d6d;margin-top:5px}.cl-member>button{width:38px;height:38px;display:grid;place-items:center;background:#f0e4d2;border:1px solid #e0cdb3;color:#a47650;border-radius:12px;flex-shrink:0}.cl-member>small{font-size:11px;color:#b09474}.cl-page a,.cl-page button,.cl-personal,#club-editor button,.cl-preview button,.cl-confirm button{transition:transform .2s,background .2s,color .2s}.cl-page a:active,.cl-page button:active,.cl-personal:active,#club-editor button:active,.cl-preview button:active,.cl-confirm button:active{transform:scale(.98)}.cl-personal:hover{transform:translateY(-3px)}.cl-page :is(a,button):focus-visible,.cl-personal:focus-visible,#club-editor :is(input,textarea,select,button):focus-visible{outline:2px solid #af7b50;outline-offset:4px}.cl-page button:disabled,.cl-preview button:disabled,.cl-confirm button:disabled{opacity:.55;cursor:not-allowed}#dialog[data-kind^="club-"]{width:min(660px,calc(100vw - 24px));border:1px solid #dbc4a6;background:#fffaf1;border-radius:25px}#dialog[data-kind^="club-"] .dialog-body{padding:0 25px 25px}#dialog[data-kind^="club-"] .dialog-header{border-bottom:0}#club-editor .cl-art,.cl-preview>.cl-art,.cl-confirm>.cl-art{border-radius:18px;min-height:170px}.cl-editor-themes{display:flex;gap:7px;margin:17px 0}.cl-editor-themes button{display:flex;align-items:center;gap:6px;font-size:11px;color:#9f7855;min-height:36px;padding:7px 10px;border:1px solid #e4d2ba;background:#faf0e1;border-radius:10px}.cl-editor-themes i{width:11px;height:11px;border-radius:50%;background:#b48054}.cl-editor-themes .tone-sage i{background:#929c75}.cl-editor-themes .tone-wood i{background:#8b7055}.cl-editor-themes .active{background:#e9d6bc;border-color:#bf9870}.cl-writing input,.cl-writing textarea{display:block;width:100%;border:0;background:transparent;box-shadow:none;color:#765134;padding:12px 0;outline-offset:3px}.cl-writing input{font-size:24px;font-weight:600}.cl-writing textarea{font-size:14px;line-height:1.9;min-height:135px;resize:vertical}.cl-writing :is(input,textarea)::placeholder{color:#b89a7a}.cl-editor-kinds{display:flex;flex-wrap:wrap;gap:7px;padding:18px 0;border-block:1px solid #e8d6bd;margin:7px 0 18px}.cl-editor-kinds button{display:flex;align-items:center;gap:6px;min-height:38px;border:1px solid #e5d0b6;background:#fff8ec;color:#ac835e;padding:8px 11px;border-radius:11px;font-size:12px}.cl-editor-kinds .active{background:#e8d5b9;border-color:#c09a71;color:#8f5c39}.cl-editor-kinds svg{width:14px;height:14px}.cl-editor-place{display:flex;align-items:center;gap:10px;border-radius:13px;background:#f1e4d0;border:1px solid #e0c8a9;padding:2px 13px;color:#a4774d}.cl-editor-place input{min-width:0;width:100%;border:0;background:transparent;padding:13px 0;color:#805a3c;font-size:13px}.cl-editor-extra{margin-top:16px;border:1px solid #e4cfb1;border-radius:14px;padding:14px}.cl-editor-extra summary{display:flex;align-items:center;gap:7px;font-size:12px;color:#a07c56;cursor:pointer;min-height:26px;list-style:none}.cl-editor-extra summary::-webkit-details-marker{display:none}.cl-editor-extra summary svg:last-child{margin-left:auto;transition:transform .2s}.cl-editor-extra[open] summary svg:last-child{transform:rotate(90deg)}.cl-editor-extra textarea{width:100%;margin:16px 0 12px;min-height:85px;border:1px solid #e4cfb1;background:#fffbf3;color:#87613e;border-radius:10px;padding:12px;line-height:1.8;resize:vertical;font-size:13px}.cl-editor-extra label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#a17a51}.cl-editor-extra select{border:1px solid #ddc2a1;border-radius:9px;background:#f4e6d0;padding:10px;font-size:12px;color:#8f6540}.cl-editor-note{display:flex;gap:6px;align-items:flex-start;font-size:11px;line-height:1.8;color:#ad8960;margin:16px 0}.cl-editor-note svg{width:13px;height:13px;margin-top:3px}.cl-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #e6d0b2}.cl-editor-footer>span{font-size:11px;line-height:1.8;color:#a78760}.cl-editor-footer .button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;flex-shrink:0}.cl-feedback{font-size:12px;line-height:1.8;color:#9c4e32;overflow-wrap:anywhere}.cl-preview h2,.cl-confirm h2{font-size:25px;line-height:1.6;overflow-wrap:anywhere;margin:23px 0 13px;color:#775036}.cl-preview>p,.cl-confirm>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;color:#a07c59}.cl-preview>small,.cl-confirm>small{display:block;font-size:11px;line-height:1.8;color:#ae8a64;margin-top:19px}.cl-preview-notice{display:flex;align-items:flex-start;gap:9px;background:#f0e0c7;padding:15px;border-radius:13px;margin-top:19px;color:#9f7349}.cl-preview-notice p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.9}.cl-confirm>.button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px}@keyframes cl-float{50%{transform:translateY(-5px)}}@keyframes cl-orbit{to{stroke-dashoffset:-120}}@keyframes cl-spark{50%{opacity:.3}}@media(max-width:1100px){.cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-hero>.cl-art{width:220px}.cl-hero h2{font-size:23px}.cl-detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.cl-join-card{padding:22px}.cl-join-card h2{font-size:21px}}@media(max-width:750px){.cl-detail-layout{grid-template-columns:minmax(0,1fr)}.cl-join-card{margin-top:0}.cl-hero>.cl-art{width:160px}.cl-heading h1{font-size:27px}}@media(max-width:650px){.cl-heading{gap:12px;margin:3px 0 20px}.cl-heading .detail-eyebrow{font-size:8px;letter-spacing:1px}.cl-heading h1{font-size:25px;margin:9px 0}.cl-heading p{font-size:11px;line-height:1.8}.cl-heading .button{font-size:11px;padding:11px 12px;gap:5px;white-space:nowrap}.cl-heading .button svg{width:14px;height:14px}.cl-hero{padding:22px 20px;border-radius:21px;gap:5px}.cl-hero h2{font-size:21px;line-height:1.7}.cl-hero p{font-size:11px}.cl-hero small,.cl-hero>div>span{font-size:10px}.cl-hero>.cl-art{width:76px;min-height:120px}.cl-tabs{width:100%;margin:21px 0 16px}.cl-tabs a{flex:1;font-size:12px;padding:11px 6px;gap:6px}.cl-filters{gap:7px;padding-bottom:18px}.cl-filters a{font-size:10px;min-height:38px;padding:9px 10px}.cl-filters svg{width:13px;height:13px}.cl-list-heading h2{font-size:15px}.cl-grid{grid-template-columns:minmax(0,1fr);gap:16px}.cl-card-copy{padding:20px}.cl-card .cl-art{min-height:170px}.cl-card h2{font-size:20px}.cl-detail-hero>.cl-art{min-height:170px}.cl-detail-hero>.cl-art>svg{width:80%}.cl-detail-hero .cl-emblem{width:54px;height:54px;top:56px;left:22px;border-radius:16px}.cl-detail-hero .cl-emblem svg{width:26px;height:26px}.cl-detail-hero :is(.cl-art-label,.cl-art-caption){left:22px}.cl-detail-title{padding:21px 20px;gap:14px}.cl-detail-title h1{font-size:24px;line-height:1.65;margin:10px 0}.cl-detail-title p{font-size:11px}.cl-member-total b{font-size:27px}.cl-member-total{font-size:10px}.cl-story{padding:23px 20px}.cl-story h2{font-size:20px}.cl-story>p{font-size:13px}.cl-founder time{margin-left:25px}.cl-notice{padding:20px;gap:12px}.cl-join-card{padding:24px}.cl-join-card h2{font-size:23px}.cl-join-card .button,.cl-contact{min-height:47px}.cl-roster{padding:21px 19px}.cl-roster h2{font-size:17px}.cl-empty{padding:24px 17px}.cl-empty h2{font-size:20px}.cl-empty p{font-size:12px}.cl-note{font-size:10px;align-items:flex-start;line-height:1.9}.cl-note svg{margin-top:3px}.cl-personal{padding:20px 17px;gap:12px;border-radius:19px}.cl-personal strong{font-size:15px}.cl-personal small{font-size:11px}.cl-personal>span{width:39px;height:39px;border-radius:12px}#dialog[data-kind^="club-"] .dialog-body{padding:0 17px 20px}.cl-writing input{font-size:21px}.cl-writing textarea{font-size:13px}.cl-editor-kinds button{font-size:11px}.cl-editor-footer{flex-wrap:wrap}.cl-editor-footer>span{font-size:10px}.cl-editor-footer .button{font-size:12px}.cl-preview h2,.cl-confirm h2{font-size:23px}.cl-preview>p,.cl-confirm>p{font-size:13px}}@media(max-width:360px){.cl-hero>.cl-art{width:50px}.cl-hero{padding:20px 16px}.cl-hero h2{font-size:20px}.cl-heading .button{padding:10px;font-size:10px}.cl-heading .detail-eyebrow{font-size:7px}.cl-heading p{max-width:160px}.cl-filters a{padding:8px 9px}.cl-tabs a{font-size:11px}.cl-detail-title h1{font-size:22px}}@media(prefers-reduced-motion:reduce){.cl-page *,.cl-personal,#dialog[data-kind^="club-"] *{animation:none!important;transition:none!important}.cl-card:hover,.cl-personal:hover{transform:none}}

#club-editor .cl-art>svg{width:100%;height:100%}#club-editor .cl-emblem svg{width:26px;height:26px}

#club-editor .button:not(.outline),.cl-preview .button:not(.outline),.cl-confirm .button:not(.outline){background:#98543d;color:#fff6e9;border-color:#98543d;box-shadow:0 5px 14px #98543d20}