:root{--paper:#f4f7f6;--ink:#151414;--red:#e74836;--blue:#2447d8;--mint:#80d5b3;--chrome:#b9c3c7;--line:#d8dfdf;--white:#fff;--display:Arial Black,"Noto Sans SC",system-ui,sans-serif;--body:Inter,"Noto Sans SC",system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ink);color:var(--ink);font-family:var(--body);scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit}p{line-height:1.72}.cc-mast{height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 4vw;background:var(--paper);border-bottom:1px solid var(--ink);position:relative;z-index:20}.cc-brand{display:flex;align-items:center;text-decoration:none;font-family:var(--display);font-size:17px;letter-spacing:-.05em}.cc-brand span{background:var(--red);color:#fff;padding:9px 8px}.cc-brand b{background:var(--ink);color:#fff;padding:9px 8px}.cc-brand i{width:18px;height:18px;background:var(--mint);border:4px solid var(--ink);border-radius:50%;margin-left:6px}.cc-mast nav{justify-self:center;display:flex;gap:24px}.cc-mast nav a{text-decoration:none;font-size:14px;font-weight:700}.cc-mast>p{font-size:11px;letter-spacing:.08em}.cc-menu{display:none}.cc-hero{min-height:650px;display:grid;grid-template-columns:minmax(420px,44%) 1fr;border-bottom:1px solid var(--ink);overflow:hidden}.cc-hero-copy{padding:7vw 4vw 4vw 6vw;display:flex;flex-direction:column;align-items:flex-start;position:relative;background:linear-gradient(135deg,#fff 0%,var(--paper) 75%)}.cc-overline,.cc-seat-section header>p,.cc-queue header>p,.cc-drawers header>p,.cc-articles header>p,.cc-trust>p{font:800 11px var(--body);letter-spacing:.18em;color:var(--blue)}.cc-hero h1{font:900 clamp(48px,7vw,96px)/.86 var(--display);letter-spacing:-.085em;margin:32px 0}.cc-hero h1 em{font-style:normal;color:var(--red);font-size:.62em;letter-spacing:-.06em}.cc-lead{font-size:18px;max-width:570px}.cc-hero-actions{display:flex;gap:10px;margin:20px 0}.cc-hero-actions a{padding:14px 18px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800}.cc-hero-actions a+ a{background:var(--blue)}.cc-hero-copy aside{margin-top:auto;border-left:8px solid var(--red);padding:12px 16px;background:#fff;box-shadow:8px 8px 0 var(--line)}.cc-hero-copy aside span{font-size:11px}.cc-hero-copy aside b{display:block;margin:4px 0}.cc-hero-copy aside p{margin:0;font-size:13px}.cc-hero figure{margin:0;position:relative;background:#e8edec;min-width:0}.cc-hero figure img{width:100%;height:100%;object-fit:cover}.cc-hero figcaption{position:absolute;right:0;bottom:0;background:var(--blue);color:#fff;padding:14px 20px;font-size:12px;letter-spacing:.08em}.cc-rail{display:grid;grid-template-columns:1.1fr repeat(4,1fr);background:var(--ink);color:#fff;border-bottom:10px solid var(--red)}.cc-rail>div,.cc-ticket{min-height:152px;padding:22px;border-right:1px solid #484646}.cc-rail>div{display:flex;flex-direction:column;justify-content:space-between}.cc-rail>div span,.cc-ticket>span{font-size:10px;letter-spacing:.15em}.cc-rail>div strong{font-size:19px}.cc-ticket{text-decoration:none;display:block;position:relative}.cc-ticket:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--tone)}.cc-ticket b{font:800 20px var(--display);display:block;margin:14px 0 4px}.cc-ticket p{font-size:12px;margin:0;color:#cfd4d2}.cc-ticket i{font-style:normal;font-size:11px;position:absolute;bottom:14px}.cc-red{--tone:var(--red)}.cc-blue{--tone:var(--blue)}.cc-mint{--tone:var(--mint)}.cc-black{--tone:#fff}.cc-seat-section{padding:100px 5vw;background:#fff}.cc-seat-section header{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;align-items:end;margin-bottom:55px}.cc-seat-section h2,.cc-queue h2,.cc-drawers h2,.cc-articles h2,.cc-trust h2{font:900 clamp(38px,5vw,70px)/.95 var(--display);letter-spacing:-.06em;margin:0}.cc-seat-section header>span{font-size:14px;line-height:1.6}.cc-seats{display:grid;grid-template-columns:1.25fr .8fr 1fr .7fr;align-items:start;gap:12px}.seat{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;text-decoration:none;border:2px solid var(--ink);min-height:310px;position:relative;overflow:hidden}.seat:after{content:"";position:absolute;width:90px;height:90px;border:12px solid currentColor;border-radius:50%;opacity:.09;right:12px;top:12px}.seat span{font-size:10px;letter-spacing:.14em;margin-bottom:auto}.seat h3{font:900 30px var(--display);margin:0}.seat p{font-size:13px}.windows{background:var(--blue);color:#fff}.mac{margin-top:70px;background:var(--paper)}.android{min-height:390px;background:var(--mint)}.ios{margin-top:35px;background:var(--red);color:#fff}.cc-dual{display:grid;grid-template-columns:1fr 1fr}.cc-flow{padding:85px 6vw;color:#fff}.login-flow{background:var(--blue)}.download-flow{background:var(--red)}.cc-flow header span{font-size:11px;letter-spacing:.16em}.cc-flow h2{font:900 clamp(34px,4vw,58px)/1 var(--display);letter-spacing:-.05em}.cc-flow ol{list-style:none;padding:0;margin:50px 0}.cc-flow li{display:grid;grid-template-columns:120px 1fr;border-top:1px solid rgba(255,255,255,.4);padding:16px 0}.cc-flow li p{margin:0}.cc-flow>a{display:inline-block;background:#fff;color:var(--ink);text-decoration:none;padding:14px 18px;font-weight:800}.cc-queue{padding:85px 5vw;background:var(--ink);color:#fff}.cc-queue header{display:grid;grid-template-columns:1fr 2.3fr;margin-bottom:50px}.cc-queue header p{color:var(--mint)}.cc-queue>div{display:flex;align-items:center;gap:10px;background:#252323;padding:24px}.cc-queue>div span{white-space:nowrap;padding:14px;border:1px solid #666}.cc-queue>div i{height:4px;background:var(--red);flex:1}.cc-queue>p{max-width:760px}.cc-queue>a{color:var(--mint)}.cc-drawers{padding:90px 5vw}.cc-drawers header,.cc-articles header{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;margin-bottom:50px}.cc-drawers>div{border-top:2px solid var(--ink)}.cc-drawers>div a{display:grid;grid-template-columns:180px 1fr;padding:21px 8px;border-bottom:1px solid var(--ink);text-decoration:none}.cc-drawers>div a:hover{background:var(--mint)}.cc-drawers b{font:900 24px var(--display)}.cc-drawers span{align-self:center}.cc-articles{padding:90px 5vw;background:#e8eded}.coffeecloud-article-list{display:flex;flex-direction:column}.coffeecloud-article-ticket{display:grid;grid-template-columns:120px 110px minmax(260px,1.2fr) minmax(260px,1fr) 150px;align-items:center;gap:18px;padding:26px 12px;border-top:1px solid var(--ink);position:relative}.coffeecloud-article-ticket:nth-child(2n){margin-left:6vw;background:#fff}.coffeecloud-article-ticket time,.coffeecloud-article-ticket>span{font-size:11px}.coffeecloud-article-ticket h3{font-size:21px;margin:0}.coffeecloud-article-ticket h3 a{text-decoration:none}.coffeecloud-article-ticket p{font-size:13px}.cc-read{font-weight:800;font-size:12px}.cc-trust{padding:95px 6vw;background:#fff;border-top:12px solid var(--blue)}.cc-trust>div{margin-left:34%;display:grid;grid-template-columns:1fr 1fr;gap:25px}.cc-trust a{font-weight:800}.cc-crumb{padding:18px 5vw;background:var(--ink);color:#fff;display:flex;gap:10px;font-size:12px}.cc-page-hero{display:grid;grid-template-columns:2fr 1fr;min-height:430px;background:var(--paper);border-bottom:1px solid var(--ink)}.cc-page-hero>div{padding:80px 6vw}.cc-page-hero>div>p{font-size:11px;letter-spacing:.17em;color:var(--blue);font-weight:800}.cc-page-hero h1{font:900 clamp(42px,7vw,86px)/.95 var(--display);letter-spacing:-.07em;margin:30px 0}.cc-page-hero>div>span{display:block;max-width:760px;font-size:18px;line-height:1.75}.cc-page-hero>aside{padding:60px 40px;background:var(--red);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.cc-page-hero>aside b{font:900 28px var(--display)}.cc-page-hero>aside>span{display:block;margin-top:12px;line-height:1.7}.cc-ledger{display:grid;grid-template-columns:repeat(2,1fr);padding:70px 6vw;gap:0 55px;background:#fff}.cc-ledger article{display:grid;grid-template-columns:54px 1fr;padding:32px 0;border-top:2px solid var(--ink)}.cc-ledger article>span{font:900 14px var(--display);color:var(--red)}.cc-ledger h2{font:900 28px var(--display);margin:0}.cc-ledger p,.cc-ledger small{grid-column:2}.cc-ledger small{color:#5c6561;line-height:1.6}.cc-next{padding:0 6vw 80px;display:flex;gap:10px;flex-wrap:wrap;background:#fff}.cc-next a{min-width:210px;padding:17px;border:1px solid var(--ink);text-decoration:none;display:flex;justify-content:space-between;font-weight:800}.cc-next a:hover{background:var(--blue);color:#fff}.article-index-hero{background:var(--mint)}.cc-archive-list{padding:75px 5vw;background:#fff}.coffeecloud-article-main{background:#fff}.coffeecloud-article{max-width:1180px;margin:auto;padding:70px 4vw}.coffeecloud-article>header{display:grid;grid-template-columns:1fr 180px;gap:20px;border-bottom:8px solid var(--red);padding-bottom:40px}.coffeecloud-article>header>p{grid-column:1/3;font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:800}.coffeecloud-article>header h1{font:900 clamp(42px,6vw,78px)/1 var(--display);letter-spacing:-.065em;margin:10px 0}.coffeecloud-article>header>span{font-size:18px;line-height:1.7;max-width:760px}.coffeecloud-article>header time{align-self:end;text-align:right;font:900 20px var(--display)}.coffeecloud-article-body{max-width:820px;margin:60px 0 60px 14%;font:18px/1.95 Georgia,"Noto Serif SC",serif}.cc-judgment{background:var(--mint);padding:25px 30px;border-left:8px solid var(--blue);font-family:var(--body)}.coffeecloud-article-body h2{font:900 34px/1.15 var(--display);letter-spacing:-.04em;margin:70px 0 24px}.coffeecloud-article-body .cc-section-lead{font-size:20px;font-weight:700}.coffeecloud-article-body blockquote{font:700 16px/1.7 var(--body);border-left:5px solid var(--red);margin:25px 0;padding:8px 20px;background:var(--paper)}.coffeecloud-article-body a{color:var(--blue);font-weight:800}.cc-source-panel{border-top:2px solid var(--ink);padding-top:35px}.cc-source-panel>span{display:block;line-height:1.7;margin-bottom:20px}.cc-source-panel>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cc-source-panel article{border:1px solid var(--line);padding:16px;display:grid}.cc-source-panel small{margin-top:8px;color:#5c6561}.cc-history-note{padding:70px 7vw;background:#fff}.cc-history-note article{max-width:900px;display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--ink);padding:26px 0}.cc-history-note article span{font:900 18px var(--display);color:var(--blue)}.cc-history-note nav{display:flex;gap:10px}.cc-history-note nav a{padding:14px;background:var(--ink);color:#fff}.historical>aside{background:var(--blue)}.cc-footer{background:var(--ink);color:#fff;padding:45px 5vw;display:grid;grid-template-columns:1fr 1.5fr auto;gap:30px;border-top:9px solid var(--mint)}.cc-footer-mark{display:grid}.cc-footer-mark b{font:900 25px var(--display)}.cc-footer-route{display:flex;align-items:center;gap:8px;font-size:10px}.cc-footer-route i{height:2px;flex:1;background:var(--red)}.cc-footer nav{display:flex;gap:12px;flex-wrap:wrap}.cc-footer>small{grid-column:1/4;font-size:11px;color:#b9c3c7;line-height:1.6}.cc-404{min-height:100vh;background:var(--red);display:grid;place-items:center}.cc-404 main{max-width:800px;padding:8vw}.cc-404 h1{font:900 clamp(48px,8vw,100px)/.9 var(--display);letter-spacing:-.08em}.cc-404 nav{display:flex;gap:10px}.cc-404 nav a{padding:13px;background:var(--ink);color:#fff}@media(max-width:900px){.cc-mast{height:66px;padding:0 18px;grid-template-columns:auto 1fr auto}.cc-mast>p{display:none}.cc-mast nav{display:none;position:absolute;left:0;right:0;top:66px;background:var(--ink);color:#fff;padding:20px;flex-direction:column}.cc-mast nav.open{display:flex}.cc-menu{display:block;justify-self:end;background:var(--mint);border:1px solid var(--ink);padding:9px}.cc-hero{display:flex;flex-direction:column;min-height:auto}.cc-hero-copy{padding:55px 24px 35px}.cc-hero h1{font-size:56px;margin:22px 0}.cc-lead{font-size:16px}.cc-hero-copy aside{margin-top:25px}.cc-hero figure{height:360px}.cc-rail{display:flex;overflow:auto}.cc-rail>div,.cc-ticket{min-width:220px}.cc-seat-section,.cc-queue,.cc-drawers,.cc-articles,.cc-trust{padding:65px 24px}.cc-seat-section header,.cc-queue header,.cc-drawers header,.cc-articles header{grid-template-columns:1fr;gap:12px}.cc-seats{grid-template-columns:1fr 1fr}.seat,.android{min-height:240px}.mac,.ios{margin-top:30px}.cc-dual{grid-template-columns:1fr}.cc-flow{padding:60px 24px}.cc-queue>div{overflow:auto}.cc-queue>div span{min-width:110px}.coffeecloud-article-ticket,.coffeecloud-article-ticket:nth-child(2n){grid-template-columns:90px 1fr;margin-left:0;padding:24px 0;background:transparent}.coffeecloud-article-ticket h3,.coffeecloud-article-ticket p,.coffeecloud-article-ticket .cc-read{grid-column:1/3}.cc-trust>div{margin-left:0;grid-template-columns:1fr}.cc-page-hero{grid-template-columns:1fr}.cc-page-hero>div{padding:55px 24px}.cc-page-hero h1{font-size:50px}.cc-page-hero>aside{padding:35px 24px}.cc-ledger{grid-template-columns:1fr;padding:50px 24px}.cc-next{padding:0 24px 60px}.coffeecloud-article{padding:50px 24px}.coffeecloud-article>header{grid-template-columns:1fr}.coffeecloud-article>header>p{grid-column:auto}.coffeecloud-article>header h1{font-size:45px}.coffeecloud-article>header time{text-align:left}.coffeecloud-article-body{margin:45px 0;font-size:17px}.cc-source-panel>div{grid-template-columns:1fr}.cc-footer{grid-template-columns:1fr;padding:40px 24px}.cc-footer>small{grid-column:auto}.cc-history-note{padding:50px 24px}}@media(max-width:520px){.cc-seats{grid-template-columns:1fr}.mac,.ios{margin-top:0}.cc-hero figure{height:300px}.cc-hero-actions{flex-direction:column}.cc-flow li{grid-template-columns:90px 1fr}.cc-drawers>div a{grid-template-columns:100px 1fr}.cc-history-note nav{flex-direction:column}.cc-404 nav{flex-direction:column}}